Question

Here is the html code

<div id="slider" class="images">
    <img src="img/image1.png" height=200 width=200>
        <p>Image1 corresponding text here</p>    
    <img src="img/image2.png" height=200 width=200>
        <p>Image2 corresponding text here</p>    
    <img src="img/image3.png" height=200 width=200>
        <p>Image3 corresponding text here</p>    
</div>
<div class="switch_image">
    <a href="#" id="prev">Prev</a>
    <a href="#" id="next">Next</a>
</div>     

Anybody help me to done this job?Thanks in advance.

Answer 1

You can use the jquery cycle plugin to solve the problem.

http://jquery.malsup.com/cycle/int2.html.