Er is geen CSS ondersteuning.
Als je lang over het plaatje blijft "muizen" zal deze
JQuery-ROMMEL wel gaan werken...
(een paar keer mouse-over en -out bij de top...)
(bij IE een page-refresh... zucht)
(soms werkt het direct...)
Als je een goed werkende versie (met opties) wilt hebben staat er hier eentje voor jou klaar. Deze pagina gaat over het UITGESTELD laden van javascript(libraries).
Grote zware libraries zoals JQuery zijn een blok aan het been voor een website. Het maakt niet uit of je een packed versie hebt of de library bij google "haalt": De laadtijd is gewoon te lang, en dat wordt afgestraft door de bezoekers. Een bezoeker zit niet op dat "geinige effectje" of een supertrage transition van een slideshow te wachten... Als een bezoeker een klik met de muis geeft moet de pagina er direct "staan". Als je dan toch per sé de site wil "opleuken" met behulp van b.v. JQuery (of met MooTools of andere libraries) zal je daar iets aan moeten doen.
De beste oplossing is om de pagina zonder de loodzware library op het scherm te "zetten" en als het nodig is de extra code in te laden. Op deze pagina wordt de code geladen als je een mouse-over bij het plaatje doet. Dit is wel handig; want als niemand het vergrootglas wil gebruiken is alle vertraging helemaal voor niets geweest. Wil je direct als de pagina er staat de code beschikbaar hebben kan je eenvoudig met een "onmouseover" op de body de code klaarzetten (de code wordt slechts 1 keer ingeladen, dus daarna doen "mouse-overs" of andere triggers niets meer).
Met een paar regels javascript kan je zoveel libraries inladen als je wilt, en op het moment wat je wilt. Kopieer het javascript wat in de head-sectie van de deferred-load-pagina staat naar jouw pagina('s) en trigger de code met een mouse-over of alles wat je maar wilt.
onmouseover="javascript:laadalles('jquery142.js','anythingzoomer.js');"
Het regeltje hierboven geeft een voorbeeld van de werking. Alle
libraries die je in "laadalles()" plaatst worden geladen.
HINT:
Je kan natuurlijk bij verschillende events, verschillende libraries
openen (laden). Je hoeft niet alles in één keer in te laden..
cache 18-06-2010