Forum PHP.pl > onLoad załadowania obrazka

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: onLoad załadowania obrazka

Forum PHP.pl > Forum > Po stronie przeglądarki

Athlan

12.07.2006, 11:18:47

chciałem sobie zrobić loading image data na imagesie, ale zdarzenie krycia ramki z loadingiem odbywa się za szybko, otóż, jak mam takie coś:

[HTML] pobierz, plaintext 
<img src="..." onLoad="schowaj-ta-glupia-ramke()" />
[HTML] pobierz, plaintext

to akcja wykonuje się nie po załadowaniu obrazka, ale już po załadowaniu w kodzie HTML samego znacznika IMG

co mam zrobić, aby funkcja była wykonana dopiero po całkowitym załadowaniu obrazka?

P.S. guglowałem i te same skrypty co ja zrobiłem sam (czyli onload przy img)

siemakuba

12.07.2006, 21:38:09

Zdarzenie onload odpala się kiedy załaduje się dany kod HTML, a nie obrazek jak w tym przypadku.
Obiekty mają właściwość readyState, która odpowiada za stopień załadowania danego elementu - 0 - początek do 4 - załadowny. Tej właściwości odpowiada zdarzenie onreadystatechange, które wywoływane jest za każdym razem kiedy zmienia się właściwość readyState. Pozostaje więc dodać eventHandler dla tego zdarzenia, sprawdzać zmianę, i jeżeli osiągniesz stan 'complete' (readyState = 4) odpalać odpowiednią akcję.

Uwaga: zielonego pojęcia nie mam jak to wygląda dla czegokolwiek innego niż IE.

pozdr.

Athlan

13.07.2006, 09:56:17

Nie wiem czy dobrze rozumem ale mam takie coś:

kod JS:

[HTML] pobierz, plaintext 
function loading_preview()
	{
	if(readyState == 4)
	{
 // instrukcje
	}
	}
[HTML] pobierz, plaintext

i wywołanie:

[HTML] pobierz, plaintext 
<img src="..." onreadystatechange="loading_preview()">
[HTML] pobierz, plaintext

siemakuba

13.07.2006, 12:56:06

no mniej wiecej chyba tak. Tyle że powinieneś chyba jeszcze odwolywac sie do obiektu, wiec tak:

Kod

function loading_preview(obj)
{
if(obj.readyState == 4)
{
// instrukcje
}
}

i wywołanie:

[HTML] pobierz, plaintext 
<img src="..." onreadystatechange="loading_preview(this)">
[HTML] pobierz, plaintext

pozdr.

Athlan

14.07.2006, 15:15:47

[HTML] pobierz, plaintext 
<html>
 
<head>
 
<script>
<!--
function loading_preview(object)
{
	if(object.readyState == 4)
	{
		alert('załadowano imagesa ');
	}
}
//-->
</script>
 
</head>
 
<body>
	<img src="http://www.onet.pl/_m/b733c669d2231d74ffc6c818c05b290a,2,1.jpg" alt="Kaczyński " onReadyStateChange="loading_preview(this)">
</body>
 
</html>
[HTML] pobierz, plaintext

zleksza nie działa

siemakuba

14.07.2006, 15:33:38

no okej, ja sie pomyliłem :) co nie zmienia faktu, że mogłeś szybciutko złapać gdzie jest error pogrzebany :)

readyState nie zwraca jednak liczby, ale string z określeniem stanu. 4 == 'complete', więc zamiast sprawdzać czy readyState jest równe 4 sprawdzaj czy jest równe 'complete'.

pozdr.

Athlan

14.07.2006, 16:11:34

skoro sie pytam to widocznie nie znam sie na tej funkcji

no tak, działa ale tylko pod IE, nie da się jakoś tego zrobić pod Opere ?

siemakuba

15.07.2006, 09:11:48

Cytat

skoro sie pytam to widocznie nie znam sie na tej funkcji

nie no luzik :) najwazniejsze ze doszlismy do rozwiazania :)

Cytat

no tak, działa ale tylko pod IE

No tak, tak jak pisalem na poczatku. Akurat ta wlasciwosc jest chyba wymyslona przez MS, wiec na innych przegladarkach nie da rady.... Nie wiem tez czy jest jakis odpowiednik na Mozilla / Opere....

pozdr.

Athlan

27.07.2006, 09:39:40

warto zaznaczyć, że stare IE (IE 4

no ale co... testuje sie) wywala błędy że nieznany obiekt

erix

27.07.2006, 20:49:55

A nie prościej by było

Kod

onload="setTimeout('funkcja', nnn)"

LBO

27.07.2006, 21:09:07

Może to Tobie pomoże, działa na większości przeglądarek (przynajmniej rok temu działało

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.