certezza del caricamento di un'immagine

**domedim** · 11-01-2012, 21:03

Riporto integralmente questa new che ho ricevuto da html.it
DOMANDA
C'è modo di essere sicuri che un'immagine sia stata completamente caricata all'interno della pagina?

RISPOSTA

Si L'oggetto immagine è dotato della proprietà complete, che ha valore true nel caso in cui l'immagine sia stata completamente caricata, false in caso contrario.
Quindi:
if (document.images['nomeImmagine'].complete)
alert('l'immagine è stata caricata');

ed essendo poco esperto non so dove e come inserire questa istruzione if, ho provato ad inserirla in questo script prima nell'head e poi nel body, ma non funziona

<script language="JavaScript" type="text/javascript">
if (document.images['nomeImmagine'].complete)
alert('l'immagine è stata caricata');
</script>

Se qualcuno può aiutarmi.
grazie

Sono pienamente cosciente che tutto quanto viene offerto dai forum e dalle news è gratis grazie ai volontari che ci forniscono istruzioni, aiuti e consigli vari a cui dobbiamo tanto per il tempo che mettono a nostra disposizione, ma faccio appello agli autori di queste news per un ulteriore sforzo onde poter utilizzare queste istruzioni che ci arrivano dalle news.
Per le persone poco esperte come me sono indispensabili per la nostra crescita.
Ringrazio infinitamente per quello che già fanno e per un possibile ulteriore sforzo.
domedim

**cavicchiandrea** · 11-01-2012, 21:34

<html>
<body>
[img]percorso/immagine.xxx[/img]

<script language="JavaScript" type="text/javascript">
if (document.images['nomeImmagine'].complete)
alert('l'immagine è stata caricata');
</script>
</body>
</html>

**br1** · 11-01-2012, 21:58

Il vero problema e': ma a te quando serve sapere se l'immagine e' stata caricata?

Vedi anche gli eventi onload e onerror:

<img ... onerror="alert('problemi!')" onload="alert('caricata!')">

**domedim** · 12-01-2012, 00:17

Originariamente inviato da cavicchiandrea
<html>
<body>
[img]percorso/immagine.xxx[/img]

<script language="JavaScript" type="text/javascript">
if (document.images['nomeImmagine'].complete)
alert('l'immagine è stata caricata');
</script>
</body>
</html>

purtroppo non funziona, avevo già provato cosi', addirittura lo script mi rende inattivo i tag </body> e </html> come se non fosse accettato nella pagina.

**domedim** · 12-01-2012, 00:23

Originariamente inviato da br1
Il vero problema e': ma a te quando serve sapere se l'immagine e' stata caricata?

Vedi anche gli eventi onload e onerror:

<img ... onerror="alert('problemi!')" onload="alert('caricata!')">

con questa tua istruzione funziona.

grazie

domedim

**cavicchiandrea** · 12-01-2012, 00:29

Metti qualcosa online da testare/provare cosi da verificare le tue affermazioni, e come dice Bruno indica cosa devi fare

**domedim** · 12-01-2012, 23:46

Originariamente inviato da cavicchiandrea
Metti qualcosa online da testare/provare cosi da verificare le tue affermazioni, e come dice Bruno indica cosa devi fare

ripeto che lo script rende inattivi i tag </body> e </html>

l'indirizzo per la mia pagina di prova è questo:
[URL=http://helpdim.it/precaricamento/imgcarica.htm]

**cavicchiandrea** · 13-01-2012, 01:15

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>


[img]semi.jpg[/img]</p>
  <script type='text/javascript'>
  if (document.images['immagine1'].complete); 
alert ('l \ 'immagine è stata caricata')
</script>

<!--- 

[img]sfondo_animazione.gif[/img]</p> --->
</body>
</html>

Attenzione togli gli spazi prima e dopo \ ma non la barra

**domedim** · 13-01-2012, 11:05

Originariamente inviato da cavicchiandrea

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>


[img]semi.jpg[/img]</p>
  <script type='text/javascript'>
  if (document.images['immagine1'].complete); 
alert ('l \ 'immagine è stata caricata')
</script>

<!--- 

[img]sfondo_animazione.gif[/img]</p> --->
</body>
</html>

Attenzione togli gli spazi prima e dopo \ ma non la barra

mi dispiace farti perdere del tempo - ti assicuro che nel codice originale gli spazi non c'erano, comunque ho tolto l'apostrofo lasciando soltanto il termine caricata, ma niente da fare, mentre quest'altra istruzione funziona.

[img]animazione.gif[/img]</p>

Lasciamo perdere tanto non è un messaggio che mi interessa, lo scopo di questo mio post è quello di lanciare questo messaggio per il quale ti chiedo a chi rivolgermi.
questo è il mio messaggio:
"Sono pienamente cosciente che tutto quanto viene offerto dai forum e dalle news è gratis grazie ai volontari che ci forniscono istruzioni, aiuti e consigli vari a cui dobbiamo tanto per il tempo che mettono a nostra disposizione, ma faccio appello agli autori di queste news per un ulteriore sforzo onde poter utilizzare queste istruzioni che ci arrivano dalle news."

**cavicchiandrea** · 13-01-2012, 12:52

Originariamente inviato da domedim
...
Lasciamo perdere tanto non è un messaggio che mi interessa, lo scopo di questo mio post è quello di lanciare questo messaggio per il quale ti chiedo a chi rivolgermi.
questo è il mio messaggio:
"Sono pienamente cosciente che tutto quanto viene offerto dai forum e dalle news è gratis grazie ai volontari che ci forniscono istruzioni, aiuti e consigli vari a cui dobbiamo tanto per il tempo che mettono a nostra disposizione, ma faccio appello agli autori di queste news per un ulteriore sforzo onde poter utilizzare queste istruzioni che ci arrivano dalle news."

Devi tenere conto che le news o più ingenerale le risorse fornite da html.it sono rivolte ad un pubblico "consapevole" di programmazione e di come funziona un linguaggio.
Detto questo puoi comunque contattare la redazione esponendo i tuoi consigli/pareri/opinioni

Discussione: certezza del caricamento di un'immagine

Strumenti discussione

Ricerca discussione

Visualizza

certezza del caricamento di un'immagine

Permessi di invio