How To Add Description To JCarousel

Question

I am using jcarousel. I can\'t add description to photo in slider.

    


        
                      

              相关标签:
       
      

Answer 1

You can create a div after your jCarousel container and change the content of the div on next and previous button click callback function in jQuery. Check this:

<div id="jcarousel">
    <ul id="mycarousel" class="jcarousel-skin-tango">
        <li>
            <img src="images/about_img1.jpg"/>
        </li>                
    </ul>
</div>
<div id="description">
    <label id="caption">First image</label>
</div>

In your jquery code:

Keep a data structure, say array for all captions. And change the caption according to image being shown.

Hope this helps.