<head>
<!-- ... -->
<script type="text/javascript">
    var photos=new Array();
    var photoslink=new Array();
    var which=0;
    //Définition des images
    photos[0]="Couchesoleil.jpg";
    photos[1]="Eclipse.jpg";
    photos[2]="Espace.jpg";
    photos[3]="Levesoleil.jpg" ;
    photos[4]="Paris.jpg";
    photos[5]="Paysage.jpg";
    photos[6]="tempete.jpg";
    //Définir si les images doivent être des liens (1=lien, 0=pas de lien)
    var linkornot=0
    //Définition des urls si la variable linkornot est égal à 1
    photoslink[0]="";
    photoslink[1]="";
    photoslink[2]="";
    //Pré-chargement des images
    var preloadedimages=new Array();
    for (i=0;i<photos.length;i++){
        preloadedimages[i]=new Image();
        preloadedimages[i].src="../images/" + photos[i];
    }
    function applyeffect(){
        if (document.all && photoslider.filters){
            photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23);
            photoslider.filters.revealTrans.stop();
            photoslider.filters.revealTrans.apply();
        }
    }
    function playeffect(){
        if (document.all && photoslider.filters)
            photoslider.filters.revealTrans.play();
    }
    function keeptrack(){
        window.status="Image "+(which+1)+" of "+photos.length;
    }
    function backward(){
        if (which>0){
            which--;
            applyeffect();
            document.images.photoslider.src="../images/" + photos[which];
            playeffect();
            keeptrack();
        }
    }
    function forward(){
        if (which<photos.length-1){
            which++;
            applyeffect();
            document.images.photoslider.src="../images/" + photos[which];
            playeffect();
            keeptrack();
        }
    }
    function transport(){
        window.location=photoslink[which];
    }
</script>
</head>
    <body>
        <table border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="100%" colspan="2" height="22" align="center">
                <script>
                    if (linkornot==1)
                        document.write('<a href="javascript:transport()">');
                        document.write('<img src="../images/'+photos[0]+'" border="0"
                                    width="320" height="240" name="photoslider" 
                                    style="filter:revealTrans(duration=2,transition=23)">');
                    if (linkornot==1)
                        document.write('</a>');
                </script>
            </td>
          </tr>
          <tr>
            <td width="50%" height="21">
                    <a href="#" onClick="backward();return false;">
                        << Précédent
                    </a>
                </td>
            <td width="50%" height="21">
                    <a href="#" onClick="forward();return false;">
                        Suivant >>
                    </a>
                </td>
          </tr>
        </table>
    </body>
</html>

Ce script a été fourni par Dynamic Drive