<html> <head> <link REL="stylesheet" TYPE="text/css" HREF="http://oosakaemina.free.fr/css/style.css"> <script language="JavaScript"> // on initialise le compteur d'images var compteur = 1; // le nombre total d'images var total_img = 5; // on cree la liste des messages relatifs aux images message = new Array(total_img) message[1] = "Toujours pas de Hikaru en vue..."; message[2] = "Finalement, on passe encore par l..."; message[3] = "Uho..."; message[4] = "Le Hiroto de la semaine..."; message[5] = "Ah, elles se sont faites enfin virer...?"; // La fonction pour faire monter le compteur function monter() { compteur += 1; if ( compteur == (total_img + 1) ) { compteur = 1; } document.vignette.src = "" + compteur + ".jpg"; document.getElementById("legende").innerHTML = message[compteur]; } // La fonction pour faire descendre le compteur function descendre() { compteur += -1; if ( compteur == 0 ) { compteur = total_img; } document.vignette.src = "" + compteur + ".jpg"; document.getElementById("legende").innerHTML = message[compteur]; } // La fonction de remise a zero function zero() { document.vignette.src = "1.jpg"; document.getElementById("legende").innerHTML = message[compteur]; } </script> </head> <body> <center> <font face=Verdana size=2 color=#4B0082> <table> <tr> <td> <a href="javascript:descendre();"><image src="http://oosakaemina.free.fr/images/gauche.gif" border="0"></a></td> <td width=427><center><image src="1.jpg" name="vignette" border="0"></td> <td><a href="javascript:monter();"><image src="http://oosakaemina.free.fr/images/droite.gif" border="0"></a> </td> </tr> </table> <p align="center" id="legende">Toujours pas de Hikaru en vue...</p> </form> </font> </body> </html>