"
Team:St Andrews/demo
From 2010.igem.org
(Difference between revisions)
| Line 22: | Line 22: | ||
</head> | </head> | ||
<body> | <body> | ||
| - | < | + | <script type="text/javascript"> |
| - | + | $(window).load(function() { | |
| - | + | $('#slider').nivoSlider({ | |
| - | + | effect:'random', //Specify sets like: 'fold,fade,sliceDown' | |
| - | </ | + | slices:15, |
| - | + | animSpeed:500, | |
| + | pauseTime:3000, | ||
| + | startSlide:0, //Set starting Slide (0 index) | ||
| + | directionNav:true, //Next & Prev | ||
| + | directionNavHide:true, //Only show on hover | ||
| + | controlNav:true, //1,2,3... | ||
| + | controlNavThumbs:false, //Use thumbnails for Control Nav | ||
| + | controlNavThumbsFromRel:false, //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:0.8, //Universal caption opacity | ||
| + | beforeChange: function(){}, | ||
| + | afterChange: function(){}, | ||
| + | slideshowEnd: function(){} //Triggers after all slides have been shown | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
<img class="background" border="0" src="http://farm5.static.flickr.com/4138/4850316388_ffee095f41_t_d.jpg"/> | <img class="background" border="0" src="http://farm5.static.flickr.com/4138/4850316388_ffee095f41_t_d.jpg"/> | ||
<img class="gradient" border="0" src="http://farm5.static.flickr.com/4090/4839791534_ee9a9c2a4a_m_d.jpg"/> | <img class="gradient" border="0" src="http://farm5.static.flickr.com/4090/4839791534_ee9a9c2a4a_m_d.jpg"/> | ||
Revision as of 23:51, 2 August 2010
