FAIRE DÉFILER EN BOUCLE UNE IMAGE DANS UN <TABLE>

djtadpole Messages postés 11 Date d'inscription vendredi 28 septembre 2007 Statut Membre Dernière intervention 14 avril 2011 - 13 déc. 2010 à 12:27
djtadpole Messages postés 11 Date d'inscription vendredi 28 septembre 2007 Statut Membre Dernière intervention 14 avril 2011 - 13 déc. 2010 à 12:27
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/52598-faire-defiler-en-boucle-une-image-dans-un-table

djtadpole Messages postés 11 Date d'inscription vendredi 28 septembre 2007 Statut Membre Dernière intervention 14 avril 2011
13 déc. 2010 à 12:27
Simple et efficace.
J'ai ajouté quelques fonctionnalités/paramêtres comme la vitesse et le sens.

<html>
<head><title>D É F I L E</title></head>

DÉFILEMENT D'UNE IMAGE DANS UN TABLEAU

<!--

-->

<script type="text/javascript" language="javascript">/* POUR LE DEFILEMENT */
var Moteur=0;
var Sens=1;
var Decalage=1;
var Reactu=25;
var Vitesse=1;
var Longueur=820;
function Defilement(){
Moteur += Sens*Decalage ;
SectImage1.style.background = "black url(GrandProgress.png) repeat scroll 0"+Moteur+"px +0px";
AffCompteur.value="Moteur= "+Moteur;
if(Moteur>Longueur){Moteur=0;}
if(Moteur<0){Moteur=Longueur;}
Minuteur = setTimeout('Defilement()',Reactu);
}
</script>
<script type="text/javascript" language="javascript">/* POUR LE DEFILEMENT */
function DefilementAffiche(){document.getElementById('SectImage1').style.visibility='visible';}
function DefilementCache(){document.getElementById('SectImage1').style.visibility='hidden';}
function Stop(){clearTimeout(Minuteur);}
</script>
<script type="text/javascript" language="javascript">/* POUR LE DEFILEMENT */
function ChangeSens() {Sens*=-1;}
function DecalageAugmente() {Decalage+=1;}
function DecalageDiminue() {if(Decalage>1)Decalage-=1;}
</script>

</html>
Rejoignez-nous