Results 1 to 2 of 2

Thread: Jump To New Page After Last Image Of Slideshow Has Played

  1. #1
    Join Date
    Oct 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Jump To New Page After Last Image Of Slideshow Has Played

    1) Script Title: Ultimate Fade-in slideshow

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

    3) Describe problem: When the last image is done I would like to automatically jump to a different page. The reason for this is that it is a 4 image slideshow for a home page which should automatically play the slides and then I want to have the code automatically jump to the main part of the site.

    If this script can't do it, is there another slideshow that could?

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    You may use the script's undocumented onslide property for this, ex (added to the configuration for the first gallery from the demo page's example code, be sure not to miss the added comma after togglerid: ""):

    Code:
    var mygallery=new fadeSlideShow({
    	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
    	dimensions: [468, 500], //width/height of gallery in pixels. Should reflect dimensions of largest image
    	imagearray: [
    		["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
    		["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
    		["http://stickmanlabs.com/images/kevin_vegas.jpg"],
    		["http://i30.tinypic.com/531q3n.jpg"],
    		["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
    	],
    	displaymode: {type:'auto', pause:2500, cycles:4, wraparound:false},
    	persist: false, //remember last viewed slide and recall within same session?
    	fadeduration: 500, //transition duration (milliseconds)
    	descreveal: "ondemand",
    	togglerid: "",
    	onslide: function(){if(this.setting.currentstep === this.setting.totalsteps - 1)
    			this.showslide = function(){window.location.href = 'http://www.google.com/';};
    		}
    })
    You may change http://www.google.com/ to a URL of your choosing, it can even be just a page (somepage.htm) if it is in the same folder on the same domain as the page with the slide show on it, or just a path and page if on the same domain, but in a different folder.
    Last edited by jscheuer1; 10-07-2009 at 07:29 AM. Reason: minor code improvement
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •