Question

I have a slide show …..

        <script type="text/javascript">
    <!--
    var image1=new Image()
    image1.src="slide-image-1.png"
    var image2=new Image()
    image2.src="slide-image-2.png"

    //-->
    </script>

<img name="slide" class="image1" src="slide-image-1.png" />
<script>
<!--
//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<2)
step++
else
step=1
//call function "slideit()" every 2.5 seconds
setTimeout("slideit()",4000)
}
slideit()
//-->
</script>

I want to change the way in which the slides replace each other by horizontally scrolling right to left (i hope this makes sense). What would this type of transition be called please? Could it be done by a simple few lines?

(I know this is probably a easy thing for a experienced web designers but ive only just started and not sure as to what this would be)

Answer 1

You could use jQuery to do this. You can find a number of plug-ins here.