jQuery Load problem med billeder

Tags:    javascript jquery ajax lightbox

Hej!

Jeg har et lille prob, som jeg vil høre om nogen har et forslag til at løse.

Jeg har en løsning hvor der kommer et ton af billeder ud i en html fil sådan her:

<div class="lightBoxImg" id="lightImg1"><img src="001.jpg"/></div>
<div class="lightBoxImg" id="lightImg2"><img src="002.jpg"/></div>
<div class="lightBoxImg" id="lightImg3"><img src="003.jpg"/></div>
<div class="lightBoxImg" id="lightImg4"><img src="004.jpg"/></div>

Problemet er at jeg sætter dem op i en lightbox som jeg selv har programmeret, som faktisk bare er et img som erstatter SRC med det nummer i arrayet som er billederne som kommer ind.

Men hvordan hulen får jeg lavet en loaderfunktion på det? når siden bliver genereret loader den alle billeder, selvom der er display none på.

Jeg har prøvet at tweake systemet til at smide SRC i title på billedet i stedet for og så lave en sort bg fx:

<div class="lightBoxImg" id="lightImg1"><img title="003.jpg" src="ajaxloader.jpg"/></div>

Men jeg kan ikke få jquery til at loade et billede på den måde, så kommer der bare en masse ascii kode ind.

nogen der har et forslag?






5 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma
Sorter efter stemmer Sorter efter dato
Du kunne lave noget i denne stil

Fold kodeboks ind/udJScript kode 




hej Andreas

er du sikker på den virker efter hensigten? jeg har læst om den kode, jeg tror den opretter x antal IMG i DOM og loader dem allesammen på samme tid.
Den er vist mere lavet til at loade hover-billeder osv. som preload.

Det jeg er ude efter er en lazy load funktion, som vil virke asynkront.

Jeg gemmer lige din kode, det kan være jeg kan skrue noget sammen med dem.



Stadig åben for forslag! :-)





arh, misforstod hvad du havde brug for. troede bare det var en preloader du skulle bruge.





Du kan lave et onload hook på img tagget...

http://www.w3schools.com/jsref/event_img_onload.asp



@Gnu

Det er cool, godt forslag, jeg tester det af.



t