Template:TopII
From 2012hs.igem.org
(Difference between revisions)
Line 245: | Line 245: | ||
} | } | ||
}</script> | }</script> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | var mygallery=new simpleGallery({ | ||
+ | wrapperid: "simplegallery1", //ID of main gallery container, | ||
+ | dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of the images exactly | ||
+ | imagearray: [ | ||
+ | ["https://static.igem.org/mediawiki/2012hs/c/c0/DSC04427.JPG", "", "", ""], | ||
+ | ["https://static.igem.org/mediawiki/2012hs/e/e3/DSC_3250.JPG", "", "", ""], | ||
+ | ["https://static.igem.org/mediawiki/2012hs/9/94/DSC04437.JPG", "", "", ""], | ||
+ | ["https://static.igem.org/mediawiki/2012hs/8/80/DSC04439.JPG", "", "", ""], | ||
+ | ["https://static.igem.org/mediawiki/2012hs/3/3a/DSC0283-1-..JPG", "", "", ""], | ||
+ | ["https://static.igem.org/mediawiki/2012hs/7/7f/DSC0367-1-.JPG", "", "", ""], | ||
+ | ["https://static.igem.org/mediawiki/2012hs/4/44/LifeScience_Lab_0004.jpg", "", "", ""] | ||
+ | ], | ||
+ | autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int] | ||
+ | persist: false, //remember last viewed slide and recall within same session? | ||
+ | fadeduration: 500, //transition duration (milliseconds) | ||
+ | oninit:function(){ //event that fires when gallery has initialized/ ready to run | ||
+ | //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause")) | ||
+ | }, | ||
+ | onslide:function(curslide, i){ //event that fires after each slide is shown | ||
+ | //Keyword "this": references current gallery instance | ||
+ | //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML) | ||
+ | //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc) | ||
+ | } | ||
+ | }) | ||
+ | </script> | ||
<style type="text/css"> | <style type="text/css"> |
Revision as of 12:02, 16 June 2012