adding html text to supersized jquery image slide

Question

i just want to add html text to the famous image slider supersized.

This is their demo page : http://buildinternet.com/project/supersized/slideshow/3.2/demo.html.

Answer 1

i had the same problem and came up with this very shoddy solution... it works but can be improved upon greatly.

i changed the script for each slide to include the id number of the project like this :

{image : 'content/pic1.jpg', title : 'title here', url : '', proj_id : '#projectID#'},

(bear in mind this is just an example... i use asp to dynamically populate the slides list)

then in supersized.shutter.js i added after the line

afterAnimation : function(){

this

var projID = api.getField('proj_id');
var url = "project_brief.asp?id="+projID;
$('#brief_holder').load(url);

where #brief_holder is an empty div and project_brief.asp pulls the description from the source.