Enchaniement d'images avec transitions choisies.

Commenter

Contenu du snippet

Ce code JavaScript permet de faire enchainer des images, chacune remplace autre apres un temps défini avec une transition blendTrans ou revealTrans qu'on on pointe la souris sur la première image et l'enchainement s'arrete qu'onl'enleve.
Merci à Redha pour son aide préciuese

Source / Exemple : 


<HTML>
<HEAD><TITLE>Transition entre images</TITLE>
<SCRIPT language="JavaScript">

function etat(){
i=true
 startTrans()
 }
function startTrans(){
if(!i)return;
        SampleID.filters.blendTrans.Apply();
        SampleID.src = "cam3.jpg";
        SampleID.filters.blendTrans.Play()
	setTimeout("trans1()",7000);
}

function trans1(){
        if(!i)return;
        SampleID.filters.blendTrans.Apply();
        SampleID.src = "cam1.jpg";
        SampleID.filters.blendTrans.Play()
	setTimeout("trans2()",7000);
}

function trans2(){
if(!i)return;
        SampleID.filters.blendTrans.Apply();
        SampleID.src = "cam6.jpg";
        SampleID.filters.blendTrans.Play()
	setTimeout("trans3()",7000);
}

function trans3(){
if(!i)return;
        SampleID.filters.blendTrans.Apply();
        SampleID.src = "cam5.jpg";
        SampleID.filters.blendTrans.Play()
	setTimeout("startTrans()",7000);
}

function stopTrans(){
 i=false;      
SampleID.filters.blendTrans.Apply();
SampleID.src = "cam5.jpg";
SampleID.filters.blendTrans.stop()
}
</SCRIPT>
</HEAD>
<BODY>
<!-- Pour ceux qui preferent revealTrans la syntaxe est: style="filter:revealTrans(duration=4,transition=1)" à la place de blendTrans, il faut noter que si on change cela ici , le changement doit etre effectué tout au long de ce script, c'est à dire à la place de tout mot "blendTrans" dans le script doit etre remplecé par "revealTrans" ...//-->
<IMG id="SampleID" src="cam5.jpg" 
style="filter:blendTrans(duration=4)" onMouseover="etat()"
onMouseout="stopTrans()" 
width="109" height="72"><BR>
Click image for Transition Filter: Blend
</BODY>
</HTML>

Conclusion :


sidoummoudz@yahoo.fr

A voir également

S'inscrire maintenant

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.

Du même auteur (semetic)