Comment mettre un rollover en défilement ?

Version imprimable

Comment mixer ces 2 codes : rollover / defilant ?

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:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!-- 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>

18/07/2008, 17h22
ndobra

J'ai reussi à resoudre ma 1ere question mais si quelqu'un pouvait maider pour faire un defilement des images ds le gd cadre toutes les 10sec par ex ca maiderait beaucoup afin de permettre à ce que mes 3news saffichent et ne restent pas qu'en vignette si on ne les survole pas !

merci d'avance :D

Pour le 2e pt jai trouvé ce code qui fait une rotation dimage et texte toutes les x sec mais j'arrive pas à le mixer avec mon code initial de vignettes et gdes vignettes etc
bref que ce code que je viens de trouver fonctionne ds le gd cadre avec limage en gd , sa description etc

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<script language="JavaScript"> 
 
var beforeMsg = "<center>";//Vous pouvez ici modifier la police ou bien encore ajouter un lien 
var afterMsg = "</center>";//fermer ici les balises ouverte dans la precedente variable 
 
var msgRotateSpeed = 5000; // Temps entre chaque message 
 
/* 
Ajoutez ici les textes qui défileront 
*/ 
var textStr = new Array(); 
textStr[0] = " <h3>Des photos ou des infos?</h3>"; 
textStr[1] = "a me faire parvenir?"; 
textStr[2] = "contactez moi!"; 
 
if (document.layers) { 
document.write('<ilayer id="NS4message" height=25 width=100%><layer id="NS4message2" height=25 width=100%></layer></ilayer>') 
temp = 'document.NS4message.document.NS4message2.document.write(beforeMsg + textStr[i++] + afterMsg);'+ 
'document.NS4message.document.NS4message2.document.close()'; 
} 
else if (document.getElementById) { 
document.write(beforeMsg + '<div id="message" style="position:relative;"></div>' + afterMsg); 
temp = 'document.getElementById("message").innerHTML = textStr[i++];'; 
} 
else if (document.all) { 
document.write(beforeMsg + '<div id="message" style="position:relative;"></div>' + afterMsg); 
temp = 'message.innerHTML = textStr[i++];'; 
} 
 
var i = 0; 
 
function msgRotate() { 
eval(temp); 
if (i == textStr.length) i = 0; 
setTimeout("msgRotate()", msgRotateSpeed); 
} 
 
window.onload = msgRotate; 
 
</script>