Team:Heidelberg/NivoSlider

From 2010.igem.org

(Difference between revisions)
(Undo revision 141521 by ThomasU (Talk))
Line 174: Line 174:
position:absolute;
position:absolute;
left:29%;
left:29%;
-
bottom:-70px;
+
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({
-
    controlNavThumbs:true,
+
effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
-
    controlNavThumbsFromRel:true
+
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