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

Thanks dogs for answer, i improve script in this way:

in the first line of supersized.shutter.js add this

desctext = function() {
    var projID = api.getField('proj_id');
        var url = "slide_return.php?id="+projID;
        $('#brief_holder').load(url);
};

then after the line

 _init : function(){

add this to load description of the first image

desctext;  

after line

 if (vars.slide_current.length){
            $(vars.slide_current).html(vars.current_slide + 1);
        }

add

 desctext;

now same of dogs script, include the id number of the description like this :

slides:[// Slideshow Images
            {image : 'images/index_1.jpg', proj_id : '1'},
            {image : 'images/index_2.jpg', proj_id : '2'},
            {image : 'images/index_3.jpg', proj_id : '3'}

]

create a page named slide_return.php with code like this:

switch($_GET['id']){
case "1":
    echo "
Text Link for slide 1
";
break;
case "2":
    echo "
Text Link for slide 2
";
break;
case "3":
    echo "
Text Link for slide 3
";
break;

}

finally put a blank div #brief_holder in the same page of slide.