afbeelding geladen - Softwareontwikkeling

zondag 6 januari 2008 15:50

Acties:

Topicstarter

Ik ben in javascript een image slider aan het maken voor m'n site.

Nu had ik graag gehad wanneer de gebruiker op de slider naar links / rechts navigeert en de thumbs op de slider wijzigen er een afbeelding kwam met de tekst "loading please wait" zolang de afbeeldingen niet geladen zijn vanop de server.

Ik weet dat je in de <head> van je code de afbeeldingen kan preloaden maar het zijn er te veel om ze daar te gaan preloaden.

In lightbox wordt dit principe ook gebruikt dus het moet mogelijk zijn om op een manier te kunnen controleren of de afbeelding is ingeladen.

Weet iemand hoe ik dit kan controleren ?

zondag 6 januari 2008 16:01

Acties:

Bozozo

Your ad here?

Je kunt gewoon 10 images naar links en 10 images naar rechts alvast preloaden (bij onscroll). Dat doe je dan zo:

code:

var preloadimg = new Image();
preloadimg.src = http://...
preloadimg.onload = imgLoaded;
preloadimg.onerror = imgError;
preloadimg.onabort = imgError;

function imgLoaded() {
  laat plaatje zien
}
function imgError() {
  laat error zien
}

TabCinema : NiftySplit

zondag 6 januari 2008 16:11

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

bibawa schreef op zondag 06 januari 2008 @ 15:50:
In lightbox wordt dit principe ook gebruikt dus het moet mogelijk zijn om op een manier te kunnen controleren of de afbeelding is ingeladen.

Weet iemand hoe ik dit kan controleren ?

Gebruik de onload?

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij