Afficher une image en visualisation n'importe ou sur la page

Bonjour et merci pour le temps que vous m'accorderez

Je voudrais utiliser un script pour visualiser une image en grand à partir d'une vignette, il existe plein de script comme ça et j'ai reussi à en adapter un

http://www.parentskangourous.fr/essai2

Mais voila, la grande image apparait en bas de page et je voudrais quelle apparaisse à droite ?
Je ne vois pas comment faire pour placer la fonction chageimage labas

J'ai essayé aussi de decouper en trois groupes mes 13 images (6+6+1) mais la j'ai un bug systématique
J'ai recopié la partie de création du tableau deux fois et changé les variables mais y a un bug ...

Merci d'avance pour les pistes que vous pourriez me donner

Aurelien webapprenti à temps partiel

ben c'est de la mise en forme...

css + float: right

ps: j'admets l'usage du css pour faire apparaitre l'image selectionnée en gros... mais pour le reste, un peu de php suffirait :wink:

Desolé mais ma fierté viens de prendre un coup
J'ai rien compris
Je crois qu'il faut que je retourne à mes bouquins

Je poste le script, j'avais oublié

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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
 
/******
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]= 'CIEL 1-03'
	ejs_vignet[0]= 'http://www.parentskangourous.fr/tissu2/detail6.jpg'
	ejs_big[0]= 'http://www.parentskangourous.fr/tissu2/grand6.jpg'
	ejs_des[1]= 'Myrtille : 1-02'
	ejs_vignet[1]= 'http://www.parentskangourous.fr/tissu2/detail4.jpg'
	ejs_big[1]= 'http://www.parentskangourous.fr/tissu2/grand4.jpg'
	ejs_des[2]= 'Framboise : 1-01'
	ejs_vignet[2]= 'http://www.parentskangourous.fr/tissu2/detail3.jpg'
	ejs_big[2]= 'http://www.parentskangourous.fr/tissu2/grand3.jpg'
	ejs_des[3]= 'Vanille : 1-04'
	ejs_vignet[3]= 'http://www.parentskangourous.fr/tissu2/detail10.jpg'
	ejs_big[3]= 'http://www.parentskangourous.fr/tissu2/grand10.jpg'
	ejs_des[4]= 'Vichy : 1-05'
	ejs_vignet[4]= 'http://www.parentskangourous.fr/tissu2/detail5.jpg'
	ejs_big[4]= 'http://www.parentskangourous.fr/tissu2/grand5.jpg'
	ejs_des[5]= 'Chocolat : 1-06'
	ejs_vignet[5]= 'http://www.parentskangourous.fr/tissu2/detail2.jpg'
	ejs_big[5]= 'http://www.parentskangourous.fr/tissu2/grand2.jpg'
	ejs_des[6]= 'Naturel : 2-06'
	ejs_vignet[6]= 'http://www.parentskangourous.fr/tissu2/detail11.jpg'
	ejs_big[6]= 'http://www.parentskangourous.fr/tissu2/grand11.jpg'
	ejs_des[7]= 'Marine : 2-03'
	ejs_vignet[7]= 'http://www.parentskangourous.fr/tissu2/detail1.jpg'
	ejs_big[7]= 'http://www.parentskangourous.fr/tissu2/grand1.jpg'
	ejs_des[8]= 'Jean : 2-05'
	ejs_vignet[8]= 'http://www.parentskangourous.fr/tissu2/detail12.jp'
	ejs_big[8]= 'http://www.parentskangourous.fr/tissu2/grand12.jp'
	ejs_des[9]= 'Fraise : 2-04'
	ejs_vignet[9]= 'http://www.parentskangourous.fr/tissu2/detail8.jpg'
	ejs_big[9]= 'http://www.parentskangourous.fr/tissu2/grand8.jpg'
	ejs_des[10]= 'Madras : 2-02'
	ejs_vignet[10]= 'http://www.parentskangourous.fr/tissu2/detail7.jpg'
	ejs_big[10]= 'http://www.parentskangourous.fr/tissu2/grand7.jpg'
	ejs_des[11]= 'Indira : 2-01'
	ejs_vignet[11]= 'http://www.parentskangourous.fr/tissu2/detail15.jpg'
	ejs_big[11]= 'http://www.parentskangourous.fr/tissu2/grand15.jpg'
	ejs_des[12]= 'Bio : 3-01'
	ejs_vignet[12]= 'http://www.parentskangourous.fr/tissu2/detail9.jpg'
	ejs_big[12]= 'http://www.parentskangourous.fr/tissu2/detail9.jpg'
 
 
/******
FONCTION POUR CHANGER LES PHOTOS
******/
function ChageImage(num)
	{
	if(document.getElementById)
		document.getElementById("ejs_dyn_img").innerHTML = '<FONT FACE="Verdana, Arial" SIZE=4>'+ejs_des[num]+'</FONT><A HREF="javascript:killImage()"><BR><IMG SRC="'+ejs_big[num]+'" BORDER=0 HSPACE=5 VSPACE=5 ALT="Cliquez ici pour faire disparaitre"></A>';
	else
		window.open(ejs_big[num],"_blank")
	}
 
/******
FONCTION POUR EFFACER LES PHOTOS
******/
function killImage(num)
	{
	if(document.getElementById)
		document.getElementById("ejs_dyn_img").innerHTML = "";
	}
 
/******
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('<A HREF="javascript:ChageImage('+a+')"><IMG SRC="'+ejs_vignet[a]+'" HSPACE=5 VSPACE=5 ALT="Cliquez ici pour voir en grand" BORDER=0></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></DIV></TD></TR></TABLE>');

juste comme ça... :tagcode:

Desolé pour les balises codes

Ferai attention

Je suis en train de consulter un article sur float et css

je cherche

merci

Citation:

je comprend vraiment rien ?

boulet !!!! :D

je dis juste que ton code serait plus lisible avec les balises code, voire mieux certains réussissent à obtenir la coloration... mais je ne sais pas comment

T'as raison je suis un boulet , mais je fais ce que je peux pour m'en sortir

Desolé je croyais posé une question simple se resolvant avec du javascript mais je vois que c'est des connaissances globales qui manquent

Au fait pour les balises, si j'ai cinq minutes je comprend

Aurelien