ingrandimento immagini al momento del click

**13manuel84** · 31-07-2006, 09:17

ho una pagina in cui faccio vedere n thumbnail; ogni thumbnail è così formattata:

codice:

<td><img name="image0">
<div id="pluto">[img]../img/C6/P17/P1th.bmp[/img]

[img]../img/C6/P17/P2th.bmp[/img]

[img]../img/C6/P17/P3th.bmp[/img]

</div>

e la funzione loadimage è questa:

codice:

function loadImage(imageName,imageFile)
{
  if ((!document.images) || loadingImage) return;
  loadingImage = true;
  if (document.images[imageName].src.indexOf(imageFile)<0)
  {
    document.images[imageName].src = imageFile;
  }
  loadingImage = false;
}

quindi, cliccando su un'immagine piccola, mi dovrebbe aprire nell'img con name=image0 l'immagine in dimensioni reali, solo che non succede niente cliccandoci sopra...e non ottengo nessun errore...

sapete dirmi dove sbaglio?
l'esempio l'ho preso da questo piccolo tutorial: http://www.cryer.co.uk/resources/javascript/script3.htm

grazie mille per ogni aiuto!

**13manuel84** · 31-07-2006, 09:21

non è vero che non ottengo errori...

ora vedo scritto: riga 7 carattere 3 document.images[...].src è nullo o non è un oggetto :master:

**Anªkin** · 31-07-2006, 09:28

Mi sembra che nelle immagini non hai specificato l'attributo name...

**13manuel84** · 31-07-2006, 09:53

ma stando al codice della funzione non è sufficiente che il nome stia solo sull'immagine grande?

comunque il nome l'ho messo ma non cambia nulla

**Anªkin** · 31-07-2006, 10:08

Anche nel link che hai postato mette i name alle immagini...deve perche se no non puo recuperare l'oggetto per cambiargli il src.
Hai messo i name differenti? image0, image1, etc?

**13manuel84** · 31-07-2006, 10:55

si esatto...questo è il codice completo della mia pagina, ora non ottengo più errori, ma cliccando su un immagine non succede niente:

codice:

<script language="JavaScript">
var loadingImage = false;
function loadImage(imageName,imageFile)
{
  if ((!document.images) || loadingImage) return;
  loadingImage = true;
  if (document.images[imageName].src.indexOf(imageFile)<0)
  {
    document.images[imageName].src = imageFile;
  }
  loadingImage = false;
}
loadImage('image0','img/interna/C6/P17/P1th2.bmp');</script>
<table width="100%">
<tr>
<td><div id="pippo"><img name="image0"></div></td>
</tr>
<tr>
<td><div id="pluto">
[img]img/interna/C6/P17/P1th.bmp[/img]

[img]img/interna/C6/P17/P2th.bmp[/img]

[img]img/interna/C6/P17/P3th.bmp[/img]
</div></td>
</tr>
</table>

cioè, io vedo le thumb, ma se ci clicco sopra non vedo l'immagine grande. Sai aiutarmi?

grazie mille delle risposte finora

**Anªkin** · 31-07-2006, 10:59

Devi cambiare il name anche nell'argomento della funzione. In teoria modificato quello deve funzionare.

**13manuel84** · 31-07-2006, 11:04

come all'argomento della funzione?

quello in teoria deve rimanere sempre image0, perché io voglio che l'immagine grande si apra proprio nell'image0

comunque, mi sa che erano le condizioni che mi facevano sballare, perché ora ho trasformato la funzione loadImage semplicemente così:

codice:

function loadImage(imageName,imageFile)
{
    document.images[imageName].src = imageFile;
}

e funziona, quindi il problema sta nel capire come mai le condizioni facevano sì che non entrassi nell'if...any idea?

**Anªkin** · 31-07-2006, 11:18

Ok, non avevo colto che volessi tenere lo stesso target

L'errore è generato perche lanci la funzione prima che sia creato l'oggetto immagine. Quindi, il codice che hai tra i tag script mettilo tra i tag <head> blabla <script>codice</script></head> e poi modifica l'ultima tiga in questo modo.

codice:

onload=function(){loadImage('image0','img/interna/C6/P17/P1th2.bmp')}

e vediamo

**13manuel84** · 31-07-2006, 11:23

ok ho messo il richiamo alla prima funzione sull'onload e funzica!

grazie mille!

ciauzzzz

Discussione: ingrandimento immagini al momento del click

Strumenti discussione

Ricerca discussione

Visualizza

ingrandimento immagini al momento del click

Permessi di invio