Class Defilement auto d'images avec animation

Signaler
Messages postés
22
Date d'inscription
lundi 20 janvier 2003
Statut
Membre
Dernière intervention
14 janvier 2005
-
Messages postés
22
Date d'inscription
lundi 20 janvier 2003
Statut
Membre
Dernière intervention
14 janvier 2005
-
Je suis sur d'etre pret du but et je suis également convaincu que ce script peut servir à bcp de personne.




Ceci ma première tentative avec la POO javascript cela explique peut
etre ce message, cependant j'ai beau retourné le problème dans tous les
sens je ne trouve pas d'ou viens l'erreur





J'ai creer ma class qui dois me crer une boxe ou des images défile en alternance avec une animation de transition.


Pour info ce script est inspiré d'une source présente sur ce site :


http://www.editeurjavascript.com/scripts/scripts_images_1_55.php





Je crois avoir remarqué que seTimeout(this.mafonction,time) marche pas
j'ai essayer différente syntaxe ça provoque une drole de réaction...
soit j'ai un problème de récursion soit je perd mon objet en cours de
route du coup plus de propriétés plus de variable...





Toute aide sera la bienvenue d'avance je vous en remercie...




<hr style="width: 100%; height: 2px;">


===SCRIPT : =======


































<hr style="width: 100%; height: 2px;">


HELP je suis en grande détresse

2 réponses

Messages postés
22
Date d'inscription
lundi 20 janvier 2003
Statut
Membre
Dernière intervention
14 janvier 2005

comment on poste du script ???



TEST




</SCRIPT>



</HEAD>















<SCRIPT language="JavaScript">



var event_1 = new cl_imgDia(1,4000,imgPath,SiClickGoTo,imgText,eventID);



event_1.startDia();



</SCRIPT>
Messages postés
22
Date d'inscription
lundi 20 janvier 2003
Statut
Membre
Dernière intervention
14 janvier 2005

<SCRIPT type="text/javascript">


// Constructeur de l'objet


function cl_imgDia(id,time,imgPath,imgLink,txtText,txtLink){



this.id = id;


this.time = time;


this.index = 0;




this.imgPath = imgPath;


this.imgLink = imgLink;


this.txtText = txtText;


this.txtLink = txtLink;




this.imgNbr = this.imgPath.length;




// Méthode


this.startDia = startDia;


this.defilDia = defilDia;


this.filterDia = filterDia;










}





//Commence l'écriture de la dia


function startDia(){



if (document.images) {



document.write('[# ]
[./events.php TEST]');


this.defilDia();







}





else{



document.write('[# ]
[./events.php TEST A]');




}




}





//Defile les images


function defilDia(){



if (a == this.imgNbr){



a = 0;




}


document.getElementById('text_'+this.id).innerHTML = this.txtText[a];


document.getElementById('link_'+this.id).href = this.imgLink[a];


document.getElementById('linktext_'+this.id).href = this.txtLink[a];


if (document.images){



name_img = 'name_'+this.id;


this.filterDia(document.name_img);


document.getElementById('img_'+this.id).src = imgPath[a];


tempo3 = setTimeout("this.defilDia()",this.time);


a++;




}




}


function filterDia(img){



if(img && img.filters && img.filters[0]){





img.filters[0].apply();


img.filters[0].play();





}




}





</SCRIPT>





<SCRIPT type="text/javascript">


imgPath = new Array;


imgText = new Array;


eventID = new Array;


SiClickGoTo = new Array;


if (document.images)


{


i0 = new Image;


i0.src = "./img/mini/4.jpg";


SiClickGoTo[0] = "./showphoto.php?img=4";


imgPath[0] = i0.src;


imgText[0] = "Texte 0";


eventID[0] = "3";





i1 = new Image;


i1.src = "./img/mini/8.jpg";


SiClickGoTo[1] = "./showphoto.php?img=8";


imgPath[1] = i1.src;


imgText[1] = "Texte 1";


eventID[1] = "4";





i2 = new Image;


i2.src = "./img/mini/3.jpg";


SiClickGoTo[2] = "./showphoto.php?img=3";


imgPath[2] = i2.src;


imgText[2] = "Texte 2";


eventID[2] = "3";





i3 = new Image;


i3.src = "./img/mini/2.jpg";


SiClickGoTo[3] = "./showphoto.php?img=2";


imgPath[3] = i3.src;


imgText[3] = "Texte 3";


eventID[3] = "4";





i4 = new Image;


i4.src = "./img/mini/3.jpg";


SiClickGoTo[4] = "./showphoto.php?img=3";


imgPath[4] = i4.src;


imgText[4] = "Texte 4";


eventID[4] = "4";





i5 = new Image;


i5.src = "./img/mini/7.jpg";


SiClickGoTo[5] = "./showphoto.php?img=7";


imgPath[5] = i5.src;


imgText[5] = "Texte 5";


eventID[5] = "3";





}


a = 0;





</SCRIPT>


</HEAD>











<SCRIPT language="JavaScript">



var event_1 = new cl_imgDia(1,4000,imgPath,SiClickGoTo,imgText,eventID);


event_1.startDia();




</SCRIPT>