begin process at 2012 02 13 00:32:25
  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 :11 439

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

COLONNES ADAPTABLES EN HAUTEUR par dronoide
Source avec Zip VECTEURS ET MATRICES: OUTILS GRAPHIQUES UTILES par william voirol
Source avec Zip Source avec une capture HTML5 PLAYER par kazma
Source avec Zip Source avec une capture SCROLLBAR PERSONNALISABLE par kazma
Source avec Zip INFO BULLE par RudiRatlos

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

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

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 : 3,588 sec (3)

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