Difference between revisions of "Team:Tsinghua-A/fluid game"

Line 110: Line 110:
  
  
 +
 +
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Tsinghua-A/picture_box/css/style_css?action=raw&ctype=text/css" media="screen">
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Tsinghua-A/picture_box/css/nivo_slider_css?action=raw&ctype=text/css" media="screen">
 +
<script type="text/javascript" src="https://2017.igem.org/Team:Tsinghua-A/picture_box/js/jquery?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2017.igem.org/Team:Tsinghua-A/picture_box/js/jquery_easing?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2017.igem.org/Team:Tsinghua-A/picture_box/js/jquery_nivo?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript">
 +
//Slider
 +
jQuery(window).load(function() {
 +
jQuery('#slider').nivoSlider({
 +
effect: 'fold',
 +
slices:15,
 +
animSpeed:500, //Slide transition speed
 +
pauseTime:5000,
 +
controlNav: false,
 +
directionNavHide: false,
 +
prevText: 'prev',
 +
nextText: 'next',
 +
startSlide:0, //Set starting Slide (0 index)
 +
directionNav:true, //Next &amp; Prev
 +
afterLoad: function(){
 +
jQuery(".nivo-caption").animate({top:"60"}, {easing:"easeOutBack", duration: 500})
 +
},
 +
beforeChange: function(){
 +
jQuery(".nivo-caption").animate({top:"-300"}, {easing:"easeInBack", duration: 500})
 +
},
 +
afterChange: function(){
 +
jQuery(".nivo-caption").animate({top:"60"}, {easing:"easeOutBack", duration: 500})
 +
}
 +
});
 +
 +
});
 +
 +
</script>
  
 
<div id="slider-container">
 
<div id="slider-container">

Revision as of 12:14, 29 October 2017

Discription