begin process at 2010 03 20 01:43:51
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Divers

 > ENCHANIEMENT D'IMAGES AVEC TRANSITIONS CHOISIES.

ENCHANIEMENT D'IMAGES AVEC TRANSITIONS CHOISIES.


 Information sur la source

Note :
5 / 10 - par 1 personne
5,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Divers Niveau :Débutant Date de création :27/11/2003 Vu :9 048

Auteur : semetic

Ecrire un message privé
Commentaire sur cette source (2)
Ajouter un commentaire et/ou une note

 Description

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

  • <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>
<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


 Sources du même auteur

COMPTEUR À REBOURS SECONDES, MINUTES ET HEURES DHTML(JAVASCR...
CHANGEMENT DU STYLE DES ZONES DE TEXTE PENDANT LA FOCALISATI...
UN SEUL ALERT POUR TOUTES LES ERREURS DE VALIDATION D'UN FOR...
UN SEUL ALERT POUR TOUTES LES ERREURS DE VALIDATION D'UN FOR...
ENCHAINEMENT DE MESSAGES EN BOUCLE FASCINANT

 Sources de la même categorie

Source avec Zip Source avec une capture SÉQUENCEUR par jdmcreator
Source avec Zip COMPRESSION DE TEXTE CÔTÉ CLIENT EN JS VIA ALGORYTHME LZW par niamor36
Source avec Zip VIRTUAL IPHONE (V.2) par loicseg
Source avec Zip MOOTABLEAU par Miky76
Source avec Zip CALCULER VOTRE IMC par lesnouesremy

Commentaires et avis

Commentaire de lukacs le 08/12/2003 09:53:14

Pas mal, mais un tableau contenant toutes les images serait plus simple a maintenir.
De + ta methode "stopTrans()" fait des trucs pas beau saut d'images lorsque l'on sort de l'image en cours de transformation. Je retirer les 3 dernière lignes. Comme ca la transition se finie normalementavant que le tout s'arrete.

PI : ce n'est pas compatible netscape 7.0

Commentaire de bricomaniac le 01/02/2007 20:22:41

Modifie le titre: avec transitionS choisieS
car tu ne peut choisir q'une seule transition...

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,530 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales