Template:SMTexas/slideshow

From 2014hs.igem.org

(Difference between revisions)
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/c/cf/Left.png";
+
var previmg="https://static.igem.org/mediawiki/2014hs/e/e6/Left.jpg";
var stopimg="https://static.igem.org/mediawiki/2014hs/f/f9/Stop.png";
var stopimg="https://static.igem.org/mediawiki/2014hs/f/f9/Stop.png";
var playimg="https://static.igem.org/mediawiki/2014hs/9/90/Play.png";
var playimg="https://static.igem.org/mediawiki/2014hs/9/90/Play.png";

Revision as of 15:56, 10 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="Left.jpg"; var stopimg="Stop.png"; var playimg="Play.png"; var nextimg="Right.jpg";

var slideShow=[]; // SLIDESHOW

//configure the below images and descriptions to your own, note optional links, target and window specifications.

slideShow[0] = ["1-big.jpg", "Slide 1 Text", "http://www.wikipedia.org"]; slideShow[1] = ["2-big.jpg", "Slide 2 Text", "http://www.reddit.com"]; slideShow[2] = ["3-big.jpg", "Slide 3 Text", "http://www.yahoo.com"]; slideShow[3] = ["4-big.jpg", "Slide 4 Text", "http://www.google.com"]; slideShow[4] = ["5-big.jpg", "Slide 5 Text", "http://www.espn.com"]; slideShow[5] = ["6-big.jpg", "Slide 6 Text", "http://www.bing.com"];

//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;"