images qui defilent horizontalement l'un en dessous de l'autre
Bonsoir,
voila j'ai des images qui comme le dit le titre les images sont l'un en dessous de l'autre et défile de la droite vers la gauche,les images sont générés automatiquement par php,j'aurais voulu que mes images sois l'un a coté de l'autre,voici le code
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
71
72
|
function writext(texdef)
{
document.write(texdef);
}
writext('<DIV ID=txt_defil_relativ onMouseOver="txt_defil_stop()" onMouseOut="txt_defil_rstart()" STYLE="position:relative;width:'+txt_defil_width +';height:'+txt_defil_height+';background-color:'+txt_defil_bgcolor+';background-image:url('+txt_defil_background+')">');
writext('<DIV ID=txt_defil_cadre STYLE="position:absolute;width:'+(txt_defil_width -8)+';height:'+(txt_defil_height-8)+';top:4;left:4;clip:rect(0 '+(txt_defil_width -8)+' '+(txt_defil_height-8)+' 0)">');
writext('<div id=txt_defiler_1 style="position:absolute;width:'+(txt_defil_width -8)+';left:0;top:0;" CLASS=txt_defil >'+txt_defil_info[0]+'</DIV>');
writext('<div id=txt_defiler_2 style="position:absolute;width:'+(txt_defil_width -8)+';left:'+txt_defil_width+';top:0;" CLASS=txt_defil >'+txt_defil_info[1]+'</DIV>');
writext('</DIV></DIV>');
txt_defil_1 =1;
txt_defil_2 = 0;
stop_mouss=0;
function txt_defil_f1()
{
if(txt_defil_1 == 1)
{
txt_defil_haut = "txt_defiler_1";
txt_defil_bas = "txt_defiler_2";
txt_defil_1 = 0;
}
else
{
txt_defil_bas = "txt_defiler_1";
txt_defil_haut = "txt_defiler_2";
txt_defil_1 = 1;
}
txt_defil_nb_info = txt_defil_info.length-1;
if(txt_defil_2 == txt_defil_nb_info)
txt_defil_next = 0;
else
txt_defil_next = txt_defil_2+1;
if(document.getElementById)
document.getElementById(txt_defil_bas).innerHTML = txt_defil_info[txt_defil_next];
txt_defil_left = 0;
if(document.getElementById)
move1=setTimeout("txt_defil_f2 ()",txt_defil_pause)
}
function txt_defil_f2 ()
{
if (stop_mouss == 0)
{
txt_defil_left -= 2;
document.getElementById(txt_defil_haut).style.left = txt_defil_left;
document.getElementById(txt_defil_bas).style.left = txt_defil_left+txt_defil_width;
if((txt_defil_left+txt_defil_width) > 0)
move2=setTimeout("txt_defil_f2 ()",10)
else
txt_defil_f3()
}
else move1=setTimeout("txt_defil_f2 ()",1000)
}
function txt_defil_f3()
{
txt_defil_2 = txt_defil_next;
txt_defil_f1()
}
function txt_defil_stop()
{
stop_mouss=1;
}
function txt_defil_rstart()
{
stop_mouss=0;
}
window.onload = txt_defil_f1; |
et le reste du code
Code:
1
2
3
4
5
6
|
<MARQUEE SCROLLAMOUNT="3" SCROLLDELAY="100" width="100%"onmouseover="this.stop();"
onmouseout="this.start();">
<img src="../image/dossier/'.$data['dossier_image'].'" alt="Image"/>
</MARQUEE> '; |
je récupéré les images via une requête
si ce n'ai pas la bonne section,je m'en excuse
merci pour l'aide
