Alert caricamento immagine

**domedim** · 02-03-2011, 10:00

chiedo scusa per la mia ignoranza, sono un principiante.
in una news da html.it ho letto questo articolo che riporto integralmente:
---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:

codice:

if (document.images['nomeImmagine'].complete) 
alert('l'immagine è stata caricata');

---
Il mio problema è che non so dove inserire questa istruzione, ho provato ad inserirla tra <style e </style> ma non vedo nessun messaggio.
se qualcuno può aiutarmi
grazie

**rickynewtek** · 02-03-2011, 10:16

Non ho ben presente l'articolo ma di solito il codice javascript va inserito tra i seguenti tag nell'head del documento html:

<script type="text/javascript" >
TUO CODICE
</script>

Il tag <style> e' per i css interno alla pagina !

**domedim** · 02-03-2011, 13:14

l'ho già fatto ma l'alert non viene visualizzato, quindi non vedo niente.

**rickynewtek** · 02-03-2011, 13:34

Prova con jQuery:

Includi le API jQuery e studiati questo:

http://www.w3schools.com/jquery/jquery_callback.asp

**Vindav** · 02-03-2011, 13:38

codice:

<html>
    [img]myimg.jpg[/img]
    <script language="JavaScript">
    if(document.getElementById("myimg").complete)
      alert("Caricamento immagine terminato");
    else
      alert("Caricamento immagine in corso");
    </script>
</html>

**domedim** · 02-03-2011, 17:54

innanzitutto grazie per l'impegno.
ho inserito il tuo codice, logicamente tra <body> e </body> con l'mmagine che deve caricarsi, pero' succede questo: appare subito il messaggio "Caricamento immagine in corso", incomincia a caricarsi e poi si ferma finquando non premo OK e di conseguenza non viene visualizzato il messaggio "Caricamento terminato".
In sostanza per completare il caricamento bisogna necessariamente premere su OK, se vuoi puoi vederlo qui http://edeamicis.eu/pascoli/pof/festa/feste_pa.html

**Vindav** · 02-03-2011, 19:21

mmmm... se ho capito bene cosa vuoi fare ti basta questo:

codice:

[img]myimg.jpg[/img]

**fcaldera** · 02-03-2011, 19:26

occhio che complete potrebbe non funzionare su opera quando carichi l'immagine dalla cache (ho notato questo problema di recente)

Discussione: Alert caricamento immagine

Strumenti discussione

Ricerca discussione

Visualizza

Alert caricamento immagine

Alert caricamento immagine

Permessi di invio