Difference between revisions of "Team:Exeter/Protocols"

Line 2: Line 2:
 
<html>
 
<html>
  
 +
<script src="https://2015.igem.org/Team:Exeter/code.jquery.com/jquery-latest.min?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2015.igem.org/Team:Exeter/ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min?action=raw&ctype=text/javascript"></script>
  
  
−
    <script src="https://2015.igem.org/Team:Exeter/ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js?action=raw&amp;ctype=text/javascript"></script>
+
<script src="jquery.coverflow.js"></script>
 +
<!-- Optional. CSS style interpolation. -->
 +
<script src="jquery.interpolate.js"></script>
 +
<!-- Optional. Mouse wheel. -->
 +
<script src="jquery.mousewheel.js"></script>
 +
<!-- Optional. Touch swipe. -->
 +
<script src="jquery.touchSwipe.min.js"></script>
 +
<!-- Optional. Reflection. -->
 +
<script src="reflection.js"></script>
  
−
    <script src="https://2015.igem.org/Team:Exeter/js/jquery.bxslider.min.js?action=raw&ctype=text/javascript"></script>
 
−
 
−
    <link href="https://2015.igem.org/Team:Exeter/lib/jquery.bxslider.css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
  
  
 
<script>
 
<script>
 +
$(function() {
 +
if ($.fn.reflect) {
 +
$('#demo-coverflow .cover').reflect();// only possible in very specific situations
 +
}
  
−
//Slider JS
+
$('#demo-coverflow').coverflow({
−
 
+
index:6,
−
$(document).ready(function(){
+
density:2,
−
$('.Basic, .Trans, .RNA, .Ribo, .Toehold').show('fast');
+
animateStep:function(event, cover, offset, isVisible, isMiddle, sin, cos) {
−
 
+
if (isVisible) {
−
var slider = $('.slider500').bxSlider({
+
if (isMiddle) {
−
    slideWidth: 500,
+
$(cover).css({
−
    minSlides: 1,
+
'filter':'none',
−
    maxSlides: 1,
+
'-webkit-filter':'none'
−
    slideMargin: 0,
+
−
    captions: true,
+
−
    adaptiveHeight: true,
+
−
    preloadImages: 'all'
+
−
  });
+
−
 
+
−
  $('.slider300').bxSlider({
+
−
    slideWidth: 300,
+
−
    minSlides: 1,
+
−
    maxSlides: 1,
+
−
    slideMargin: 0,
+
−
    captions: true,
+
−
    adaptiveHeight: true,
+
−
    preloadImages: 'all'
+
−
  });
+
−
 
+
−
$('.slider400').bxSlider({
+
−
    slideWidth: 400,
+
−
    minSlides: 1,
+
−
    maxSlides: 1,
+
−
    slideMargin: 0,
+
−
    captions: true,
+
−
    adaptiveHeight: true,
+
−
    preloadImages: 'all'
+
−
  });
+
−
 
+
−
$('.Loading').hide('slow');
+
−
$('.Trans, .RNA, .Basic, .Toehold').hide('slow');
+
 
});
 
});
−
 
+
} else {
−
  $('#reload-slider').click(function(e){
+
var brightness= 1 + Math.abs(sin),
−
  e.preventDefault();
+
contrast= 1 - Math.abs(sin),
−
  $('.bxslider').append('<li><img src="https://static.igem.org/mediawiki/2015/d/df/Communciation.jpg"></li>');
+
filter= 'contrast('+contrast+') brightness('+brightness+')';
−
  slider.reloadSlider();
+
$(cover).css({
 +
'filter':filter,
 +
'-webkit-filter':filter
 +
});
 +
}
 +
}
 +
}
 
});
 
});
 +
});
 +
</script>
  
  
  
 +
<div id="demo-coverflow">
 +
<img class="cover" src="demo/1.jpg"/>
 +
<img class="cover" src="demo/2.jpg"/>
 +
<img class="cover" src="demo/3.jpg"/>
 +
<img class="cover" src="demo/4.jpg"/>
 +
<img class="cover" src="demo/5.jpg"/>
 +
<img class="cover" src="demo/6.jpg"/>
 +
...
 +
</div>
  
−
</script>
 
  
  

Revision as of 15:55, 12 September 2015

...
  • Contact us:
    exeterigem@gmail.com