|
• Des SCRIPTS gratuits, expliqués et personnalisables. |
et inversement...
Cliquez sur "download" pour télécharger le kit nécessaire.
Compatible IE. Certes, il ne fonctionne pas sous NS, mais il ne provoque pas d'erreur non plus... Personnalisable: vitesse, largeur du parcours, la position de départ de chacune des deux images, deux images identiques ou non, à la même hauteur ou non.
1/ Inscrire entre HEAD et /HEAD :
et surtout pas entre BODY et BODY...
<script language=javascript>
<!--
// Personnaliser les deux lignes ci-dessous:
xmove = 5 // le pas d'avancement (plus petit = plus lent)
dim = 600 // la dimension de l'aller-retour (en multiple de xmove)
// Ne rien modifier ci-après:
count = 0
function moveright(){
count=count+1
imageright.style.left = parseInt(imageright.style.left) + xmove
imageleft.style.left = parseInt(imageleft.style.left) + xmove
if (count<dim/xmove) {
setTimeout( "moveright()", 100)}
else {
count=0
imageleft.style.visibility="visible"
imageright.style.visibility="hidden"
setTimeout( "moveleft()", 100)
}
}
function moveleft(){
count=count+1
imageleft.style.left = parseInt(imageleft.style.left) - xmove
imageright.style.left = parseInt(imageright.style.left) - xmove
if (count<dim/xmove){
setTimeout ("moveleft()", 100)}
else {
count=0
imageleft.style.visibility="hidden"
imageright.style.visibility="visible"
setTimeout ("moveright()", 100)
}
}
//-->
</script>
Personnaliser: vitesse et amplitude du mouvement de(s) image(s).
2/ Inscrire entre BODY et /BODY :
<a href="http://kitweb.free.fr"><img id=imageright style="position:absolute;left:0;top:80;z-index:1" src="LogoFixe02_80x30.gif border=0 width=80 height=30"><a> <a href="http://kitweb.free.fr"><img id=imageleft style="position:absolute;left:0;top:180;visibility:hidden;z-index:1" src="LogoFixe04_80x30.gif" border=0 width=80 height=30><a>où vous préciserez le nom de(s) images(s), leur taille d'affichage, la position de départ de chacune (relative ou absolue), l'URL éventuellement associée et l'hypothétique bordure...
3/ Inscrire DANS la balise BODY:
<BODY onLoad="moveright()">