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

iGEM-2012HS - LSL-Heidelberg