Web Analytics Made Easy -
StatCounter Question: Photo Slide - CodingForum

Announcement

Collapse
No announcement yet.

Question: Photo Slide

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Question: Photo Slide

    Can someone plz help me. In this script i want a counter so he counters wich picture you are 1 of 10 , 2 of 10 ..... And i want that all the pictures where on 30% width and height.. plz help me.

    <html>
    <head>

    <script language="JavaScript1.1">

    var photos=new Array()
    var photoslink=new Array()
    var which=0


    photos[0]="1.JPG"
    photos[1]="2.JPG"



    var linkornot=0


    photoslink[0]="1.JPG"
    photoslink[1]="2.JPG"



    var preloadedimages=new Array()
    for (i=0;i<photos.length;i++){
    preloadedimages[i]=new Image()
    preloadedimages[i].src=photos[i]
    }

    function applyeffect(){
    if (document.all){
    if (document.all['photoslider'].filters!=null){
    photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23)
    photoslider.filters.revealTrans.stop()
    photoslider.filters.revealTrans.apply()
    }
    }
    }

    function playeffect(){
    if (document.all){
    if (document.all['photoslider'].filters!=null)
    photoslider.filters.revealTrans.play()
    }
    }

    function keeptrack(){
    window.status="Foto "+(which+1)+" van de "+photos.length
    }

    function backward(){
    if (which>0){
    which--
    applyeffect()
    document.images.photoslider.src=photos[which]
    playeffect()
    keeptrack()
    }
    }

    function forward(){
    if (which<photos.length-1){
    which++
    applyeffect()
    document.images.photoslider.src=photos[which]
    playeffect()
    keeptrack()
    }
    }

    function transport(){
    window.location=photoslink[which]
    }

    </script>

    </head>
    <body>
    <center>

    <table border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="100%" colspan="2" height="22"><center>
    <script>
    if (linkornot==1)
    document.write('<a href="_javascript:transport()">')
    document.write('<img src="'+photos[0]+'" name="photoslider" style="filter:revealTrans(duration=2,transition=23)" border=0>')
    if (linkornot==1)
    document.write('</a>')
    </script>
    </center></td>
    </tr>
    <tr>
    <td width="50%" height="21"><p align="left"><a href="#" OnClick="backward();return false">Vorige</a></td>
    <td width="50%" height="21"><p align="right"><a href="#" OnClick="forward();return false">Volgende</a></td>

    </tr>
    </table>

    </center>
    </body>
    <font size="1"><p align="center">Kijk in de balk linksonder voor foto nummer/Aantal</p>( Dit wil ik dus in gewone tekst hebben)
    </html>
Working...
X