You can use the "onChange" event handler within the initialization code to do this. Something like:
Code:
var description=new Array()
description[0]="Image description 1"
description[1]="Image description 2"
description[2]="Image description 3"
featuredcontentslider.init({
id: "slider1", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide.
enablefade: [true, 0.2], //[true/false, fadedegree]
autorotate: [true, 3000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
document.getElementById("describediv").innerHTML=description[curindex-1]
}
})
See the script page for more info on this event handler.
Bookmarks