Sure, try the below modified .js file. Then inside the initialization code for the slideshow, extend it with a textarray
option, for example:
Code:
var firstreel=new reelslideshow({
wrapperid: "myreel", //ID of blank DIV on page to house Slideshow
dimensions: [300, 200], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://i26.tinypic.com/11l7ls0.jpg"], //["image_path", "optional_link", "optional_target"]
["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new"],
["http://i30.tinypic.com/531q3n.jpg"],
["http://i31.tinypic.com/119w28m.jpg"] //<--no trailing comma after very last image element!
],
textarray: [
"This is Photo 1",
"This is Photo 2",
"",
"This is Photo 4",
],
displaymode: {type:'auto', pause:2000, cycles:2, pauseonmouseover:true},
orientation: "h", //Valid values: "h" or "v"
persist: true, //remember last viewed slide and recall within same session?
slideduration: 300 //transition duration (milliseconds)
})
The description is added beneath each image inside a DIV with CSS class descdiv. You can style it in your CSS, such as:
Code:
.descdiv{
width:200px;
background:#eee;
margin:0 auto;
}
Bookmarks