"
Template:SMTexas/slideshow
From 2014hs.igem.org
| (24 intermediate revisions not shown) | |||
| Line 6: | Line 6: | ||
//And configure the image buttons' images here: | //And configure the image buttons' images here: | ||
| - | var previmg="https://static.igem.org/mediawiki/2014hs/ | + | var previmg="https://static.igem.org/mediawiki/2014hs/e/e6/Left.jpg"; |
| - | var stopimg="https://static.igem.org/mediawiki/2014hs/ | + | var stopimg="https://static.igem.org/mediawiki/2014hs/b/b4/Stop.jpg"; |
| - | var playimg="https://static.igem.org/mediawiki/2014hs/ | + | var playimg="https://static.igem.org/mediawiki/2014hs/2/2b/Play.jpg"; |
| - | var nextimg="https://static.igem.org/mediawiki/2014hs/ | + | var nextimg="https://static.igem.org/mediawiki/2014hs/8/8b/Right.jpg"; |
var slideShow=[]; // SLIDESHOW | var slideShow=[]; // SLIDESHOW | ||
| Line 15: | Line 15: | ||
//configure the below images and descriptions to your own, note optional links, target and window specifications. | //configure the below images and descriptions to your own, note optional links, target and window specifications. | ||
| - | slideShow[0] = ["https://static.igem.org/mediawiki/2014hs/ | + | slideShow[0] = ["https://static.igem.org/mediawiki/2014hs/d/da/SMiGEM.jpg", "St. Mark's School of Texas iGEM Team", "https://www.youtube.com/watch?v=_PJOioevedY"]; |
| - | slideShow[1] = ["https://static.igem.org/mediawiki/2014hs/ | + | slideShow[1] = ["https://static.igem.org/mediawiki/2014hs/2/2d/Team_Photo.jpg", "Meet the St. Mark's 2013-2014 iGEM Team", "https://2014hs.igem.org/Team:SMTexas/team"]; |
| - | slideShow[2] = ["https://static.igem.org/mediawiki/2014hs/ | + | slideShow[2] = ["https://static.igem.org/mediawiki/2014hs/b/bf/Plasmid_Slide.jpg", "Check out our project", "https://2014hs.igem.org/Team:SMTexas/project"]; |
| - | slideShow[3] = ["https://static.igem.org/mediawiki/2014hs/ | + | slideShow[3] = ["https://static.igem.org/mediawiki/2014hs/8/8f/Movie_Slide.png", "Watch our film", "https://2014hs.igem.org/Team:SMTexas/Video"]; |
| - | slideShow[4] = ["https://static.igem.org/mediawiki/2014hs/ | + | slideShow[4] = ["https://static.igem.org/mediawiki/2014hs/a/a1/Human_Practices_Slide.jpg", "Check out our work with the community", "https://2014hs.igem.org/Team:SMTexas/Human_Practices"]; |
| - | + | ||
//optional properties for these images: | //optional properties for these images: | ||
Latest revision as of 03:14, 21 June 2014
//If using image buttons as controls, Set image buttons' image preload here true //(use false for no preloading and for when using no image buttons as controls):
var preload_ctrl_images=true;
//And configure the image buttons' images here:
var previmg="
";
var stopimg="
";
var playimg="
";
var nextimg="
";
var slideShow=[]; // SLIDESHOW
//configure the below images and descriptions to your own, note optional links, target and window specifications.
slideShow[0] = ["
", "St. Mark's School of Texas iGEM Team", "https://www.youtube.com/watch?v=_PJOioevedY"];
slideShow[1] = ["
", "Meet the St. Mark's 2013-2014 iGEM Team", "https://2014hs.igem.org/Team:SMTexas/team"];
slideShow[2] = ["
", "Check out our project", "https://2014hs.igem.org/Team:SMTexas/project"];
slideShow[3] = ["
", "Watch our film", "https://2014hs.igem.org/Team:SMTexas/Video"];
slideShow[4] = ["
", "Check out our work with the community", "https://2014hs.igem.org/Team:SMTexas/Human_Practices"];
//optional properties for these images:
slideShow.no_descriptions=0; //use for no descriptions displayed slideShow.pause=1; //use for pause onmouseover slideShow.image_controls=1; //use images for controls slideShow.button_highlight='#ffcccc'; //onmouseover background-color for image buttons (requires image_controls=1) slideShow.specs='width=300, height=250' //global specifications for this show's new window(s) slideShow.random=0; //set a random slide sequence on each page load slideShow.manual_start=1; //start show in manual mode (stopped) slideShow.delay=2000; //sets miliseconds delay between slides slideShow.no_added_linebreaks=1; //use for not adding line breaks in formatting of texts and controls
//Notes:
//slides#.target will set a target for a slide group, will be overridden by slides#[#][3], if present //slides#.specs will set new window specifications for a slide group, will be overridden by slides#[#][4], if present //slides#.fadecolor will set fading images background color, defaults to white //slides#.no_controls will set a slide show with no controls //slides#.random will set a random slide sequence on each page load //slides#.delay=4000 will set miliseconds delay between slides for a given show, may also be set in the call as the last parameter //slides#.jumpto=1 will display added controls to jump to a particular image by its number //slides#.no_added_linebreaks=1; use for no added line breaks in formatting of texts and controls
//use below to create a customized onclick event for linked images in a given show: //slides#.onclick="window.open(this.href,this.target,'top=0, left=0, width='+screen.availWidth+', height='+screen.availHeight);return false;"
