Monday, 30 July 2012

Create Java Script Slide show Eassily


Step :1
First  open your  Text Editor   Notepad/  Notepad ++ 

Step:2
Copy This Code
<script type="text/javascript">
    <!--
    //preload images
    var image1=new Image()
    image1.src="images/img_1.jpg"
    var image2=new Image()
    image2.src=" images /img_2.jpg"
    var image3=new Image()
    image3.src=" images /img_3.jpg"
    var image4=new Image()
    image4.src=" images /img_4.jpg"
    var image5=new Image()
    image5.src=" images /img_5.jpg"

    //-->
</script>


<a href="javascript:slidelink()">
    <img  src=" images /img_1.jpg"  align="left" name="slide" border="0" width="500px" height="210px"  style="border: 0.5px;"/>
</a>

<script type="text/javascript">
    <!--
    var step=1
    var whichimage=1
    function slideit(){
        if (!document.images)
            return
        document.images.slide.src=eval("image"+step+".src")
        whichimage=step
        if (step<5)
            step++
        else
            step=1
        setTimeout("slideit()",3000)
    }
    slideit()
    function slidelink(){
        if (whichimage==1)
            window.location="link1.htm"
        else if (whichimage==2)
            window.location="link2.htm"
        else if (whichimage==3)
            window.location="link3.htm"
    }
    //-->
</script>

Step:3
Paste  Notepad  And Save this File slide_show.html

Step:3




Create  folder  Name uploads

Step :4
5 Jpg image Put Here  Example name.

All Image formet .jpg and all images size are width="500px" height="210px" 







Step:5
Open Html File
See Slide  Show :











No comments:

Post a Comment