begin process at 2012 05 29 12:05:47
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Function & Méthodes

 > 

Insertion de fonction deplacement... ( je sais pas comment faire.. )


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Insertion de fonction deplacement... ( je sais pas comment faire.. )

mardi 23 janvier 2007 à 21:16:06 | Insertion de fonction deplacement... ( je sais pas comment faire.. )

Juheur

Donc voila je vous explique simplement j,ai fais un code qui me permet de faire alternée des images...
 
Le code marche super bien il alterne selon 10 images... mais j'ai un probleme je voudrais inserer une transition et un déplacement...
 
 
a partir de ce code:
 
 
<SCRIPT LANGUAGE="JavaScript">
imgPath = new Array;
SiClickGoTo = new Array;
version = navigator.appVersion.substring(0,1);
if (version >= 3)
 {
 i0 = new Image;
 i0.src = 'Chien.jpg';
 SiClickGoTo[0] = "";
 imgPath[0] = i0.src;
 i1 = new Image;
 i1.src = 'Campagne.jpg';
 SiClickGoTo[1] = "";
 imgPath[1] = i1.src;
 i2 = new Image;
 i2.src = 'Chalet.jpg';
 SiClickGoTo[2] = "";
 imgPath[2] = i2.src;
 i3 = new Image;
 i3.src = 'Cuisiner.jpg';
 SiClickGoTo[3] = "";
 imgPath[3] = i3.src;
 i4 = new Image;
 i4.src = 'Decorer.jpg';
 SiClickGoTo[4] = "";
 imgPath[4] = i4.src;
 i5 = new Image;
 i5.src = 'Enfants.jpg';
 SiClickGoTo[5] = "";
 imgPath[5] = i5.src;
 i6 = new Image;
 i6.src = 'Rangement.jpg';
 SiClickGoTo[6] = "";
 imgPath[6] = i6.src;
 i7 = new Image;
 i7.src = 'Piano.jpg';
 SiClickGoTo[7] = "";
 imgPath[7] = i7.src;
 i8 = new Image;
 i8.src = 'Noel.jpg';
 SiClickGoTo[8] = "";
 imgPath[8] = i8.src;
 i9 = new Image;
 i9.src = 'Jardiner.jpg';
 SiClickGoTo[9] = "";
 imgPath[9] = i9.src;
 i10 = new Image;
 i10.src = 'Travailler.jpg';
 SiClickGoTo[10] = "";
 imgPath[10] = i10.src;
 }
 
 
 
 
a = 0;
var nbimages = 10;      //mon nombre d'images actuelles
a = Math.round(Math.random()*(nbimages-1)); //tirage d'un nombre entre 0 et 2
function ejs_img_fx(img)
        {
        if(img && img.filters && img.filters[0])
                {
                img.filters[0].apply();
                img.filters[0].play();
                }
        }
 
 
function StartAnim()
 {
 if (version >= 3)
  {
  document.write('<IMG SRC="Chien.jpg" BORDER=0 ALT=Menu NAME=defil>');
  defilimg()
  }
 else
  {
  document.write('<A HREF=""><IMG SRC="Chien.jpg" BORDER=0></A>')
  }
 }
 
function defilimg()
 {
 if (a == 11)
  {
  a = 0;
  }
 if (version >= 3)
  {
  document.defil.src = imgPath[a];
  tempo3 = setTimeout("defilimg()",2000);
  a++;
  }
 }
 
 
 
var valeur = 0;
 
/////////////////////////////////
 
dans body
 
<SCRIPT LANGUAGE="JavaScript">
StartAnim();  
</SCRIPT>
 
 
je voudrais que chaque image aie une transition de 0 transparence 100% a transparence 1% dans un délais de 1sec...
en deuxième je voudrais qu'une fois la transition fini, l'image apparu, je voudrais que la prochaine apparaisse dans un endroit déterminer... ( il y en aurait  3 endroit déterminé au total )  
 
 
Le tout devrait être en cycle continue
 
 
Merci d'avance
Vous me sauvez...
 
Juheur



Cette discussion est classée dans : image, jpg, src, imgpath, siclickgoto


Répondre à ce message

Sujets en rapport avec ce message

2 animations sur une meme page [ par fanouille ] bonjourJe veux faire une animation avec des photos qui défilent en boucle, jusque là pas de problème, ca marche.Et j'aimerais en faire plusieurs sur u pb debutant [ par catamenia ] Bonjour je débute en javascriptJ'essais de faire un diaporama avec affichage de miniatures Au chargement de ma page, le diaporama se lance bien mais l ajouter du code javascript a une page asp.net [ par koukou6311 ] Salut tous le monde voilà,  je suis tombé sur ce code en javascript pour l'animation des images et j'ai essayé de l'implementer dans mon site sur visu changement d'image grâce à un clique hors de la balise principale [ par matricule471 ] Bonjour, Je vais vous exposer mon problème Code: function Img(){ document.getElementById("centre").src = "img/imgL.jpg"; } <img id="cen Changer une image de référence d'une map [ par nulenC ] Bonjour, Je suis nouveau sur ce forum, donc si je n'ai pas inscrit ma demande dans la bonne rubrique, n'hésitez pas à la déplacer. [^^happy13] Reven imagepoper [ par sacapuss2 ] Bonjour ! La fonction suivante vous semble-t-elle écrite de manière optimum, sachant que l'objectif est que l'image soit insérée dans le parent, au m Problème document.image.src [ par Fred2468 ] Bonjour,J'ai un soucis pour inverser 2 images d'un tableau. J'utilise la fonction document.image mais avec elle je n'arrive pas à changer la source de Script enchainer plusieur image en fondu compatibilité IE et Safari [ par jakado ] Bonjour j'ai le code qui suit (que j'ai trouvé sur un blog) qui marche très bien sur IE et Firefox mais pas sur Safari et Chrome je serai content si image qui change ave un bouton [ par weedhopper ] Bonjour Sur un site en HTML que je suis en train de mettre en place, je voudrais pouvoir changer l'image de la page index par une autre. Je m'expliq Pb de mise a jour de l attribut src d'une balise img [ par baroutch ] BonjourJ'écris car j ai un petit probleme de mise a jour d une balise img qui a une source par défaut mais que je change apres avoir récupéré l'adress


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
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,499 sec (4)

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