"
Template:UalbertaHeader2
From 2012e.igem.org
(Difference between revisions)
| Line 347: | Line 347: | ||
</style> | </style> | ||
| + | <script type="text/javascript"> | ||
| + | $(window).load(function() { | ||
| + | $('#slider').nivoSlider({ | ||
| + | effect: 'slideInLeft', // Specify sets like: 'fold,fade,sliceDown' | ||
| + | slices: 15, // For slice animations | ||
| + | boxCols: 8, // For box animations | ||
| + | boxRows: 4, // For box animations | ||
| + | animSpeed: 500, // Slide transition speed | ||
| + | pauseTime: 7000, // How long each slide will show | ||
| + | startSlide: 0, // Set starting Slide (0 index) | ||
| + | directionNav: true, // Next & Prev navigation | ||
| + | controlNav: true, // 1,2,3... navigation | ||
| + | controlNavThumbs: false, // Use thumbnails for Control Nav | ||
| + | pauseOnHover: true, // Stop animation while hovering | ||
| + | manualAdvance: false, // Force manual transitions | ||
| + | prevText: 'Prev', // Prev directionNav text | ||
| + | nextText: 'Next', // Next directionNav text | ||
| + | randomStart: false, // Start on a random slide | ||
| + | beforeChange: function(){}, // Triggers before a slide transition | ||
| + | afterChange: function(){}, // Triggers after a slide transition | ||
| + | slideshowEnd: function(){}, // Triggers after all slides have been shown | ||
| + | lastSlide: function(){}, // Triggers when last slide is shown | ||
| + | afterLoad: function(){} // Triggers when slider has loaded | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
</head> | </head> | ||
| Line 391: | Line 417: | ||
$('#slider').nivoSlider(); | $('#slider').nivoSlider(); | ||
}); | }); | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
</script> | </script> | ||
</body> | </body> | ||
Revision as of 01:55, 22 October 2012
