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!
Bookmarks