Modifier un rollover et le passer en auto

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Modifier un rollover et le passer en auto

par nicolas2008 » 20 juil. 2008, 00:17

merci ryle mais honnetement tu parles chinois pour moi là :oops:

par Ryle » 19 juil. 2008, 17:52

C'est du Javascript, pas du Java ;)

Et pas besoin de boucle non... un simple compteur et un appel à ta fonction ChageImage() à interval régulier suffisent....

En gros, il te faut une variable qui servira de compteur, une nouvelle fonction qui va appeller ChageImage() en lui passant la valeur courrante du compteur, et qui l'incrémentera ou le remettra à 0 s'il est supérieur au nombre d'images dans le tableau ejs_vignet.

Une fois que ta fonction est prête, il suffit au chargement de la page de faire un setInterval() en lui demandant d'appeller ta fonction toutes les 10 secondes et le tour devrait être joué :)

par nicolas2008 » 19 juil. 2008, 15:37

merci pour ta réponse, j'ai réussi le premier pt en affichant la gde image dedans et le passant en php egalement mais vu mes faibles competences en java, pour le 2e pt je gallere avec ce defilement des gdes images ds le cadre div final , car il faut faire des boucles et cie je pense :(

par Ryle » 19 juil. 2008, 09:22

Pour éviter la phrase et afficher la première image, tu peux soit la mettre avec php (suffit de faire un echo et d'afficher dynamiquement le code de la première image), l'autre solution consiste à faire appel à ta fonction javascript au chargement de la page et de lui demander d'afficher la première image :)

Pour le changement automatique toutes les 10sec, tu peux utiliser la fonction setInterval() pour appeler une fonction qui passera à l'image suivante automatiquement. (la fonction clearInterval() te permettra d'interrompre le changement automatique si l'utilisateur sélectionne lui même une image :))

par nicolas2008 » 18 juil. 2008, 01:21

Désolé il manquait la fin du code...SI au moins vous pouviez m'aider pour le premier point ça me rendrais service car il me reste plus que ce bandeau à faire pour mettre mon site en ligne

Code : Tout sélectionner

<!-- DEBUT DU SCRIPT --> <SCRIPT LANGUAGE="JavaScript"> /****** DEFINITION DES VARIABLE DU SCRIPT ******/ nb_photo_ligne = 3; numero_photo = 1; /****** ENREGISTREMENT DES PHOTOS ******/ ejs_vignet = new Array; ejs_des = new Array; ejs_big = new Array; var HazMess=new Array(); ejs_des[0]= 'ima' ejs_vignet[0]= 'img1petit.jpg' ejs_big[0]= 'img1Grand.jpg' ejs_des[1]= 'imag' ejs_vignet[1]= 'img2petit.jpg' ejs_big[1]= 'img2Grand.jpg' ejs_des[2]= 'image' ejs_vignet[2]= 'image/tbr1.gif' ejs_big[2]= 'image/tbr1.gif' /****** FONCTION POUR CHANGER LES PHOTOS ******/ function ChageImage(num) { if(document.getElementById) document.getElementById("ejs_dyn_img").innerHTML = '<IMG SRC="'+ejs_big[num]+'" BORDER=0 HSPACE=5 VSPACE=5 ALT="Cliquez ici pour faire disparaitre"><BR><FONT FACE="Verdana, Arial" SIZE=1>'+ejs_des[num]+'</FONT>'; else window.open(ejs_big[num],"_blank") } /****** FONCTION POUR EFFACER LES PHOTOS ******/ function killImage(num) { if(document.getElementById) document.getElementById("ejs_dyn_img").innerHTML = "Ta phrase Ici"; } /****** CREATION DU TABLEAU ******/ document.write('<TABLE>') for(a=0;a<ejs_big.length;a++) { if(numero_photo == 1) document.write('<TR>'); if(numero_photo == ejs_big.length) document.write('<TD ALIGN=center COLSPAN='+(((ejs_big.length)+1)-numero_photo)+'>'); else document.write('<TD ALIGN=center>'); document.write('<IMG SRC="'+ejs_vignet[a]+'"width="120" height="98" HSPACE=5 VSPACE=5 ALT="Cliquez ici pour voir en grand" BORDER=0 onMouseover="javascript:ChageImage('+a+')" ></TD>') if(numero_photo == nb_photo_ligne) { document.write('</TR>'); numero_photo=0; } numero_photo++; } document.write('<TR><TD COLSPAN='+ejs_big.length+' ALIGN=center><DIV ID=ejs_dyn_img>Ta phrase Ici</DIV></TD></TR></TABLE>'); </SCRIPT>

Modifier un rollover et le passer en auto

par nicolas2008 » 17 juil. 2008, 03:04

Bonjour apres 2jours de recherche j'ai enfin trouvé ce que je voulais comme rollover mais je voudrais y modifier 2choses

_ A la place de la phrase Ta phrase Ici qui saffiche en premier, je voudrais que ce soit direct la 1ere image (precision je vais passer le truc en php ensuite dc cest pour ca que je ne peux pas direct mettre la vignette 1 en dur )

_ 2e chose, que ces 3vignettes saffichent en gd toutes les 10sec par ex automatiquement en bas avec leur texte qui va avec , et que lon puisse également toujours les voir qd on survole

merci de votre aide car j'ai essayé de bidouiller et j'ai pas reussi je ny connais pas gd chose en javascript

Code : Tout sélectionner

<!-- DEBUT DU SCRIPT --> <SCRIPT LANGUAGE="JavaScript"> /****** DEFINITION DES VARIABLE DU SCRIPT ******/ nb_photo_ligne = 3; numero_photo = 1; /****** ENREGISTREMENT DES PHOTOS ******/ ejs_vignet = new Array; ejs_des = new Array; ejs_big = new Array; var HazMess=new Array(); ejs_des[0]= 'ima' ejs_vignet[0]= 'img1petit.jpg' ejs_big[0]= 'img1Grand.jpg' ejs_des[1]= 'imag' ejs_vignet[1]= 'img2petit.jpg' ejs_big[1]= 'img2Grand.jpg' ejs_des[2]= 'image' ejs_vignet[2]= 'image/tbr1.gif' ejs_big[2]= 'image/tbr1.gif' /****** FONCTION POUR CHANGER LES PHOTOS ******/ function ChageImage(num) { if(document.getElementById) document.getElementById("ejs_dyn_img").innerHTML = '<IMG SRC="'+ejs_big[num]+'" BORDER=0 HSPACE=5 VSPACE=5 ALT="Cliquez ici pour faire disparaitre"><BR><FONT FACE="Verdana, Arial" SIZE=1>'+ejs_des[num]+'</FONT>'; else window.open(ejs_big[num],"_blank") } /****** FONCTION POUR EFFACER LES PHOTOS ******/ function killImage(num) {