salut
je ne maîtrise pas javascript et je sens que vous allez pouvoir m'aider très vite.
le code affiche un tableau de vignettes à cliquer pour afficher l'image agrandie en dessous.
tout marche, seulement, je voudrais afficher un tableau de l'image 1 à 11 et un autre en dessous de l'image 12 à 26
pas compliqué, et pourtant...je n'y arrive pas
merci de votre aide.
le code :
"
nb_photo_ligne = 26;
numero_photo = 1;
ejs_vignet = new Array;
ejs_des = new Array;
ejs_big = new Array;
var HazMess=new Array();
ejs_des[0]= 'image1'
ejs_vignet[0]= '/img/vignettes/vignette1.jpg'
ejs_big[0]= '/img/armatures.jpg'
ejs_des[1]= 'image2'
ejs_vignet[1]= '/img/vignettes/vignette2.jpg'
ejs_big[1]= '/img/musee.jpg'
ejs_des[2]= 'image3'
ejs_vignet[2]= '/img/vignettes/vignette3.jpg'
ejs_big[2]= '/img/tetes.jpg'
...
ect jusqu'à 26
function ChageImage(num)
{
if(document.getElementById)
document.getElementById("ejs_dyn_img").innerHTML = '<A HREF="javascript:killImage()"><IMG SRC="'+ejs_big[num]+'" BORDER=0 HSPACE=5 VSPACE=5></A>';
else
window.open(ejs_big[num],"_blank")
}
function killImage(num)
{
if(document.getElementById)
document.getElementById("ejs_dyn_img").innerHTML = "";
}
document.write('<div id="Layer1" style="position:absolute; left:301px; top:248px; width:662px; height:106px; z-index:2">');
document.write('<TABLE width="65" height="65" border="0"><TR><TD>');
for(a=0;a<ejs_big.length;a++)
{
if(numero_photo == 1)
document.write('<TABLER BORDER="0"><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 BORDER=0></A></TD>')
if(numero_photo == nb_photo_ligne)
{
document.write('</TR></TABLE></TD></TR></TABLE></div>');
numero_photo=0;
}
numero_photo++;
}
document.write('<TR><TD COLSPAN='+ejs_big.length+' ALIGN=center><DIV ID=ejs_dyn_img z-index:3; style="position:absolute; left:220px; top:366px; width:817px; height:549px; visibility: visible;></DIV></TD>');
"
ce qui ne nous tue pas...