Hi,
I have a label that needs to change its text each time a 'next' or 'previous' button is clicked.
Basically I want to use it as a caption for several images, any help?
Printable View
Hi,
I have a label that needs to change its text each time a 'next' or 'previous' button is clicked.
Basically I want to use it as a caption for several images, any help?
This is the code I currently have:
Code:<div id = "carousel1" style="width:960px; height:280px;background:none;overflow:scroll; margin-top: 20px">
<!-- All images with class of "cloudcarousel" will be turned into carousel items -->
<!-- You can place links around these images -->
<a href="1.html" rel="lightbox"><img class="cloudcarousel" src="images/slider/01.jpg" alt=""/></a>
<a href="2.html" rel="lightbox"><img class="cloudcarousel" src="images/slider/02.jpg" alt=""/></a>
<a href="3.html" rel="lightbox"><img class="cloudcarousel" src="images/slider/03.jpg" alt=""/></a>
<a href="4.html" rel="lightbox"><img class="cloudcarousel" src="images/slider/04.jpg" alt=""/></a>
<a href="5.html" rel="lightbox"><img class="cloudcarousel" src="images/slider/05.jpg" alt=""/></a>
<a href="6.html" rel="lightbox"><img class="cloudcarousel" src="images/slider/06.jpg" alt=""/></a>
<input id="slider-left-but" type="button" value="" style="cursor:pointer"/>
<input id="slider-right-but" type="button" value="" style="cursor:pointer"/>
<label id="caption" style="float:left; margin:260px 0px 0px 350px;">Click The Image To Read More</label>
</div>
