Results 1 to 2 of 2

Thread: Ultimate Fade-in slideshow (v2.1) Description Location Change?

  1. #1
    Join Date
    May 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Ultimate Fade-in slideshow (v2.1) Description Location Change?

    First, I love this script!!! Thank you!

    1) Script Title: Ultimate Fade-in slideshow (v2.1)

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

    3) Describe problem: Not a problem, just a request on help on how to change the location of the description. I would love if I could have it on the top OR to the right of the image instead of below. I have tried editing the java script a little bit, but nothing so far has worked. Any advice would be greatly appreciated.

    Thank you!

    kep!

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    You can have the script display the descriptions inside an arbitrary DIV on the page, outside of the slideshow container itself. To do this, first, create an empty DIV on the page and positioned whereever you want, for example:

    Code:
    <div id="descdiv"></div>
    Then inside the initialization code of the slideshow, add to it the code in red:

    Code:
    var mygallery=new fadeSlideShow({
    	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
    	dimensions: [250, 180], //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://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:0, wraparound:false},
    	persist: false, //remember last viewed slide and recall within same session?
    	fadeduration: 500, //transition duration (milliseconds)
    	descreveal: "ondemand",
    	togglerid: "",
    	onslide:function(){
    		var setting=this.setting
    		document.getElementById("descdiv").innerHTML=setting.imagearray[setting.curimage][3] || ""
    	}
    })
    That's it!
    DD Admin

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
  •