"
Team:Heidelberg/NivoSlider
From 2010.igem.org
(Difference between revisions)
| Line 174: | Line 174: | ||
position:absolute; | position:absolute; | ||
left:29%; | left:29%; | ||
| - | bottom:- | + | bottom:-40px; |
} | } | ||
#slider .nivo-controlNav img { | #slider .nivo-controlNav img { | ||
| Line 281: | Line 281: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
| - | |||
$(window).load(function() { | $(window).load(function() { | ||
$('#slider').nivoSlider({ | $('#slider').nivoSlider({ | ||
| - | + | effect:'fade', //Specify sets like: 'fold,fade,sliceDown' | |
| - | + | slices:3, | |
| - | }); | + | animSpeed:500, //Slide transition speed |
| + | pauseTime:3000, | ||
| + | startSlide:0, //Set starting Slide (0 index) | ||
| + | directionNav:true, //Next & Prev | ||
| + | directionNavHide:false, //Only show on hover | ||
| + | controlNav:true, //1,2,3... | ||
| + | controlNavThumbs:false, //Use thumbnails for Control Nav | ||
| + | controlNavThumbsFromRel:true, //Use image rel for thumbs | ||
| + | controlNavThumbsSearch: '.jpg', //Replace this with... | ||
| + | controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src | ||
| + | keyboardNav:true, //Use left & right arrows | ||
| + | pauseOnHover:true, //Stop animation while hovering | ||
| + | manualAdvance:false, //Force manual transitions | ||
| + | captionOpacity:1, //Universal caption opacity | ||
| + | beforeChange: function(){}, | ||
| + | afterChange: function(){}, | ||
| + | slideshowEnd: function(){} //Triggers after all slides have been shown | ||
| + | }); | ||
}); | }); | ||
</script> | </script> | ||
Revision as of 14:02, 27 October 2010
