CodeS-SourceS
Rechercher un code, un tuto, une réponse

Image Défilante Continue

Soyez le premier à donner votre avis sur cette source.

Snippet vu 3 054 fois - Téléchargée 3 fois

Contenu du snippet

Une image défilante en continue sans CSS3 !

Démonstration : http://www.jlmconsultant.fr/test/defilimg.php
En situation sur un site : http://demlavallee.fr


<body>

<div id="DivImg" style="width:600px;height:200px;border:1px solid;overflow:hidden;" >
<div style="font-size:1px;letter-spacing:-1px;white-space:nowrap;display:inline;float:left" >
<img src="oo/pano.jpg" width="1500" height="200" ><img src="oo/pano.jpg" width="1500" height="200" >
</div>
</div>

</body>




<script type="text/javascript">

// SLIDE SHOW

var Timer ;
var Vitesse = 10 ;
var Scroll = 0 ;
var Images = document.getElementById("DivImg") ;

function Affiche()
{
Scroll++ ;
	if ( Scroll == 1500 ) // Largeur de l'image
	{
	Images.scrollLeft = 0 ;
	Scroll = 0 ;
	}
Images.scrollLeft += 1 ;	
Timer = setTimeout('Affiche()', Vitesse) ;
}

window.onload = Affiche ;

</script>

A voir également

Ajouter un commentaire

Commentaires

Donnez votre avis

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.