Results 1 to 2 of 2

Thread: Changing label's text with next and previous buttons

  1. #1
    Join Date
    Sep 2012

    Changing label's text with next and previous buttons


    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?

  2. #2
    Join Date
    Sep 2012
    This is the code I currently have:

    	<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>

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center