4/5 (6 avis)
Vue 62 415 fois - Téléchargée 4 570 fois
<html> <head> <title>Image défilante</title> </head> <body onLoad="init()"> <!-- déclenchement dès le chargement de la page --> <div id="panneau" style="position:absolute;"> <img src="MonImage.jpg" name="reference"/> <!-- image à faire défiler --> </div> <script language="JavaScript" type="text/javascript"> FENLARGE = 400; // largeur de la fenêtre de visualisation FENHAUT = document.reference.height; // hauteur de la fenêtre de visualisation FENTOP = 400; // position du sommet de la fenêtre VTS = 20; // vitesse du mouvement en milliseconde fright = 0; abcisse = 0; // abcisse du coin supérieur gauche de l'image f1=0; f2=0; clips = ""; function init() { // L'attrbut innerWidth ne fonctionne pas avec Internet Explorer! fright = (((navigator.appName != "Microsoft Internet Explorer")? window.innerWidth : 1000) +FENLARGE)/2; abcisse = fright-document.reference.width; affiche(); } function affiche() { document.getElementById("panneau").style.left = abcisse; //positionnement horizontal de l'image document.getElementById("panneau").style.top = FENTOP; //positionnement vertical de l'image abcisse += 1; if (abcisse>=(fright-FENLARGE)) abcisse=fright-document.reference.width; f1=fright-abcisse; f2=fright-FENLARGE-abcisse; clips = "rect(0 " + f1.toString() + " " + FENHAUT.toString() + " " + f2.toString() + ")"; document.getElementById("panneau").style.clip = clips; // fenêtre de visualisation setTimeout('affiche()',VTS); //la fonction se rappelle d'elle-même } </script> </body> </html>
2 déc. 2009 à 13:59
Comment faire pour faire défiler les images et les stopper à un endroit prècis à l'aide de boutons...
du genre:
http://www.no-do.ch/
Merci D'avance!
19 nov. 2006 à 18:07
8 avril 2006 à 13:54
5 mars 2006 à 09:02
Joli, j'adopte !
Merci pour le code.
3 mars 2006 à 20:11
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.