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 & 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