immagine caricata

[79Kuntz79]

Ciao Amici,
Sapete se esiste uno script che si accorge che una immagine è stata caricata?

Grazie mille.

[fcaldera]

dipende da cosa intendi per "caricata": inviata con gli header della pagina o semplicemente visualizzata dal browser?

Se, come credo, intendi la seconda che ho detto esiste l'evento onerror per il tag img, ma funzia solo con Internet exploder e credo che non rispetti nemmeno le specifiche XHTML.

[Mich_]

Esiste anche l'evento onload applicabile sia all'oggetto <img>, che all'oggetto JS Image(); forse anche all'oggetto <object>.

Non e` previsto dal W3C, ma funziona in molti browser.

Esempio:
[img]...[/img]

[lorenz_italy]

Ciao a tutti, io vorrei invece avere la possibilità di far continuare lo script esclusivamente al caricamento di una immagine di sfondo di un livello.

#stodiv {
	background-color: #0E4109;
	background: url(images/foto_alpha1.jpg) no-repeat;
	margin: 0px auto;
	padding: 0px;
	width: 700px;
	height: 100%;
}

<div id="stodiv">.....ecc.

come posso fare?

[br1]

Non puoi rilevare gli sfondi... sono proprieta' dell'oggetto che li utilizza e non immagini... e non possiedono eventi.

ciao

[lorenz_italy]

E come posso risolvere il mio problema?

Ho bisogno di visualizzare l'immagine di sfondo di un livello qualche secondo prima che il php stampi del testo in un altro livello contenuto in quello precedente.


Grazie

[br1]

Lascia perdere il PHP... quando la pagina arriva al browser tutto il PHP e' ormai elaborato.

Se parli di un livello puoi fare qualcosa con il posizionamento assoluto...:

<script>
function vis() {
document.getElementById('nascosto').style.display= 'block'
</script>
...
<div style="position: relative;">
[img]tuoSfondo.jpg[/img]
<div id="nascosto" style="position: absolute;display: none;">
Qui il tuo testo
</div>
</div>

ciao

[lorenz_italy]

Grazie br1 per l'interessamento questo script che mi hai postato potrebbe essere la soluzione giusta.

Voglio cercare di analizzarlo e valutare se posso implementarlo nel mio script.

<script>
function vis() {
document.getElementById('nascosto').style.display='block'//Questa riga non la capisco. Faccio riferimento al documento ma style.display='block' che fa?
</script>
...
<div style="position: relative;">
[img]tuoSfondo.jpg[/img]//che tipo di parametro è 5000? che cosa fa questa funzione?
<div id="nascosto" style="position: absolute;display: none;">
Qui il tuo testo
</div>
</div>

Nel mio caso l'immagine di sfondo la carico da uno stile(background: url("src") per porla come sfondo lungo tutto il livello. Togliendo l'url dallo style e inserendo l'immagine come hai fatto tu mi cambia qualcosa?

Grazie mille per la pazienza

[br1]

1) scusa, non sono molto bravo con le spiegazioni http://www.devguru.com/technologies/css2/8085.asp

2) nel primo caso non si tratta di un oggetto ma della proprieta' di un altro oggetto... non dissimile da background-color: pensare di rilevare se un eventuale valore "red" abbia ottenuto i suoi effetti e' un controsenso
- nel secondo caso l'immagine e' un oggetto... ed ha tutte le sue proprieta', metodi ed eventi che puoi utilizzare.

ciao

Edit:

Comunque se il problema e' far si che il testo appaia solo a sfondo completato puoi fare un preload dell'immagine che usi... prova con una ricerca nel forum