login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Afbeelding preload met status (Opgelost)

Offline Ontani - 14/04/2006 13:56
Avatar van OntaniGouden medailleGouden medailleGouden medailleGouden medaille

-1		 Hey,

ik ben met iets bezig waarin ik graag m'n afbeeldinge gepreload zou hebben maar terwijl ze aan't laden zijn een text zou willen tonen.

http://ontani.be/storage/uploads/sizing/

de eerste 4 afbeeldingen vallen goed mee in snelheid.
maar de laatste heb ik speciaal zo groot gezet zodat je ziet dat je je tijdens het wachten gewoon een wit vlak krijgt.

nu staat er:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. if (Math.round(curHeight) == height && Math.round(curWidth) == width) {
  2.    // Starten met infaden
  3.    fotos[imageId].src = fotosSource[imageId];
  4.    document.getElementById('foto').src = fotos[imageId].src;


wat er voor zorgt dat als de kader de juiste grootte heeft (klaar met resizen) dat hij dan de afbeelding moet gaan ophalen.
tijdens die actie zou er dus iets moeten komen staan zoals "Loading" of "Please Wait".

4 antwoorden

Gesponsorde links
Offline vinTage - 14/04/2006 13:58
Avatar van vinTage Nieuw lid
php code - Bekijk de code zonder highlighting - Klap code in 
  1. if (Math.round(curHeight) == height && Math.round(curWidth) == width) {
  2.    // Starten met infaden
  3.    fotos[imageId].src = fotosSource[imageId];
  4.    document.getElementById('foto').src = fotos[imageId].src;
  5. } else { teksje hier ? }


zo mss ?
Offline Ontani - 14/04/2006 14:00
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 nee da zou er voor zorgen dat terwijl het opengaan van die kader er een tekst komt.

het ma komen als de kader geopend is. Dan begint pas de afbeelding te laden.
Offline vinTage - 14/04/2006 14:11
Avatar van vinTage Nieuw lid en zoiets ?

php code - Bekijk de code zonder highlighting - Klap code in 
  1. if (Math.round(curHeight) == height && Math.round(curWidth) == width) {
  2. 	// Starten met infaden
  3. 	if (alpha<=1) {
  4. 		//textje hier
  5. 	} else {
  6. 		fotos[imageId].src = fotosSource[imageId];
  7. 		document.getElementById('foto').src = fotos[imageId].src;
  8. 	}
  9. }
Offline BramBo - 15/04/2006 18:12
Avatar van BramBo JS gevorderde Ten eerste : Nice scriptje 

En je kun gewoon bij :
php code - Bekijk de code zonder highlighting - Klap code in 
  1. document.getElementById("LoadingHolder").innerHTML = "<img src=\"" + loading.src + "\" alt=\"\" />";


Text plaatsen, of deze techniek gebruik maken om een nieuwe div aan te maken die deze text vast houd, Deze moet je gwoon het zelfde aantoepen, innerHTML= "Laden..";
e later weer leeg gooien. InnerHTML = "";
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.21s