ciao a tutti,
è da un po' che mi sto scervellando con questo script, che funziona, ma non riesco a personalizzarlo.
Io vorrei avere le varie thumbnails disposte verticalmente, a gruppi di 2-3, e dovrebbero andare a piazzarsi a sinistra nella mia pagina.
Quando clicco sulla thumbnail vorrei che la foto in dimensioni reali si visualizzasse a destra delle thumbnails stesse.
Ancor meglio.... vorrei inserire le thumbnails in un div (parlo con i termini dell'html perché confesso di non essere affatto esperta di scripting) a cui vorrei dare una determinata dimensione ed impostare l'overflow in modo da far comparire la barra di scorrimento verticale, nel caso in cui io abbia tante immagini.
Pretendo troppo eh?
ecco lo script (che tra l'altro mi era arrivato proprio da html.it con "uno script al giorno"):
nell'head:
<SCRIPT type="text/javascript" LANGUAGE="JavaScript">
<!--
// Definizione delle variabili dello script
nb_photo_ligne = 2;
numero_photo = 1;
// Impostazioni delle fotografie
ejs_vignet = new Array;
ejs_big = new Array;
ejs_des = new Array;
ejs_vignet[0]= 'images/misc/bowling_small.jpg'
ejs_big[0]= 'images/misc/bowling.jpg'
ejs_des[0]= 'giocando a bowling'
ejs_vignet[1]= 'images/misc/fiorirossi_small.jpg'
ejs_big[1]= 'images/misc/fiorirossi.jpg'
ejs_des[1]= 'tulipani rossi'
ejs_vignet[2]= 'images/lampioni/praga03small.jpg'
ejs_big[2]= 'images/lampioni/praga03.jpg'
ejs_des[2]= 'Praga'
ejs_vignet[3]= 'images/lampioni/francia_small.jpg'
ejs_big[3]= 'images/lampioni/francia.jpg'
ejs_des[3]= 'Chartres'
// Funzione per cambiare la fotografia
function ChageImage(num)
{
if(document.getElementById)
document.getElementById("ejs_dyn_img").innerHTML = '[img]'+ejs_big[num]+'[/img]
<FONT FACE="Verdana, Arial" SIZE=1>'+ejs_des[num]+'</FONT>';
else
window.open(ejs_big[num],"_blank")
}
// Funzione per cancellare le fotografie
function killImage(num)
{
if(document.getElementById)
document.getElementById("ejs_dyn_img").innerHTML = "";
}
-->
</SCRIPT>
e poi nel body:
<SCRIPT type="text/javascript" LANGUAGE="JavaScript">
<!--
// Creazione della tabella
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]'+ejs_vignet[a]+'[/img]</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>');
-->
</SCRIPT>
grazie mille per qualche eventuale consiglio!!!!!!
claudy
Rispondi quotando
