Buenas, estoy usando un slide de fotos con supersized y me gustaría agregarle un div que cambie junto con la foto, para ponerle info acerca de la foto, info que no seria solo texto

les paso el codigo que estoy usando




Código :

<!--
slidehover.html
Supersized - Fullscreen Slideshow jQuery Plugin Version 3.0
By Sam Dunn (www.buildinternet.com // www.onemightyroar.com)
Website: www.buildinternet.com/project/supersized
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">

   <head profile="http://gmpg.org/xfn/11">

   <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
   
   <link rel="stylesheet" href="js_super/supersized.css" type="text/css" media="screen" />
      <link rel="stylesheet" href="css/prueba.css" type="text/css" media="screen" />

   <script type="text/javascript" src="js/jquery.min.js"></script>
   <script src="js_super/effects.core.js"></script>
   <script src="js_super/effects.slide.js"></script>
   
   <script type="text/javascript" src="js_super/supersized.3.0.js"></script>
   
   
   
   <script type="text/javascript">  
      $(function(){
         $.fn.supersized.options = {  
            startwidth: 1440,  
            startheight: 900,
            vertical_center: 1,
            slideshow: 1,
            navigation: 1,
            thumbnail_navigation: 0,
            transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
            pause_hover: 1,
            slide_counter: 1,
            slide_captions: 1,
            slide_interval: 3000,
            slides : [
               {image : 'slides/a.jpg', title : 'City Clock Tower', url : 'http://www.flickr.com/photos/wumbus/4582735030/in/set-72157623876357531/'},
               {image : 'slides/b.jpg', title : 'Canal Park Fence', url : 'http://www.flickr.com/photos/wumbus/4582735030/sizes/l/in/set-72157623876357531/'},  
               {image : 'slides/c.jpg', title : 'Old Train Tracks', url : 'http://www.flickr.com/photos/wumbus/4582733542/in/set-72157623876357531/'}
            ]
         };
           $('#supersized').supersized(); 
       });
   </script>
   
   <style type="text/css">
      #controls{ padding:0 10px; }
   </style>
</head>





<body>

<div id="menuprincipal">



      <div class="nav"><a id="prevslide" href="#">Prev</a></div>
        <div class="nav"><a id="nextslide" href="#">Next</a></div>
         <!--Slide titulo de la imagen-->
      <div id="slidecaption"></div>
        
</div><!--[menuprincipal]>-->


<!--Loading display while images load-->
<div id="loading">&nbsp;</div>

<!--Slides-->
<div id="supersized"></div>



</body>
</html>