Soyez le premier à donner votre avis sur cette source.
Vue 60 877 fois - Téléchargée 4 495 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>
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!
Joli, j'adopte !
Merci pour le code.
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.