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

Insertion de fonction deplacement... ( je sais pas comment faire.. ) - HTML/CSS - Programmation

Marsh Posté le 23-01-2007 à 21:04:02    

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

Reply

Marsh Posté le 23-01-2007 à 21:04:02   

Reply

Marsh Posté le 23-01-2007 à 21:07:57    

[:vomi]


Message édité par gatsu35 le 23-01-2007 à 21:08:34
Reply

Marsh Posté le 23-01-2007 à 21:16:26    

hu????
 
 
Charles

Reply

Marsh Posté le 23-01-2007 à 23:43:48    

Pourquoi réinventer l'eau chaude ?
 
http://script.aculo.us/

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed