Slimbox redo när dokumentet är redo, IE problem

Trädvy Permalänk
Medlem
Registrerad
Apr 2007

Slimbox redo när dokumentet är redo, IE problem

Jag använder Slimbox 2 med senaste jquery på min hemsida.

Detta kan man läsa om Slimbox;

Slimbox is ready to launch as soon as the document is ready. This means that you don’t have to wait for all images of the page to be loaded before clicking on a link that will launch the Lightbox effect.

Detta fungerar riktigt i Firefox. Där kan slipper man vänta på att alla bilder ska ladda klart innan man kan använda Slimbox.

Men i Internet Explorer fungerar det inte! Med den versionen jag har nu så när man klickar på en bild innan alla har laddat klart så visas endast bilden i fönstret. Med Slimbox 1.57, 1.69 och 1.7 med olika versioner av MooTools så laddar Slimboxrutan ända tills alla bilder laddat klart och först då visas bilden.

Någon som har en lösning på detta så vore jag väldigt tacksam!

Fractal Design Define R4 | be quiet! SilentWings 2 140mm (x3) | be quiet! Dark Power Pro10, 650W | ASUS Z87-DELUXE ATX | Intel Core i7 4770K 3.5 GHz | Noctua NH-U12S | Corsair 32GB CL10 1866MHz VENGEANCE LP | ASUS GeForce GTX 670 2048MB DirectCUII | Samsung SSD Pro Basic 840-Series 256GB

Trädvy Permalänk
Medlem
Plats
Göteborg
Registrerad
Jan 2007

Hur ser koden du använder ut? Startar du slimbox direkt eller på onDOMReady?
Laddar din sida verkligen så långsamt att detta stör på ett allvarligt sätt?

Trädvy Permalänk
Medlem
Registrerad
Apr 2007

Vad av koden behöver du se? En hel html sida?

I </head> så är det denna kod till Slimbox 2;

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/slimbox2.js"></script>

<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />

Här är koden på en av bilderna jag använt Slimbox på (från <body>);

<p class="stil24"><a href="images/IMG_6205.jpg"rel="lightbox-Kategori"title="Bild 01"><img src="images/IMG_6205.jpg" width="170" height="114" /></a>

Jag antar att jag startar Slimbox direkt för jag har ingen aning om vad "onDOMReady" är för något. Är rätt ny på de här att bygga hemsidor.

Igår tyckte jag det var störande men idag verkar det gå lite snabbare kanske har med webbhotellet att göra. Men det går långsammast med IE6.

Upptäckte nu att om man går in på den riktiga adressen istället för info.se så blir det likadant i IE som med tidigare versioner av Slimbox. Alltså att Slimbox rutan poppar upp men väntar på alla bilder. Varför är det så, jag vill ju att info.se ska vara exakt likadan för det är den som jag säger till folk som ska besöka sidan.

Fractal Design Define R4 | be quiet! SilentWings 2 140mm (x3) | be quiet! Dark Power Pro10, 650W | ASUS Z87-DELUXE ATX | Intel Core i7 4770K 3.5 GHz | Noctua NH-U12S | Corsair 32GB CL10 1866MHz VENGEANCE LP | ASUS GeForce GTX 670 2048MB DirectCUII | Samsung SSD Pro Basic 840-Series 256GB

Trädvy Permalänk
Medlem
Plats
Göteborg
Registrerad
Jan 2007

Den gör precis likadant i Safari. Det beror på vilken ordning webbläsaren gör saker. Att bilden laddar senare beror på att din sida har mycket bilder och att dessa inte laddat klart när du klickar på en bild; då läggs bilden du klickar på sist i kön och laddas inte förrän alla andra bilder har laddats.

Att det står "Slimbox is ready to launch as soon as the document is ready" innebär bara att du kan klicka på bilderna och få en reaktion så fort sidan visas, inte att alla bilder kommer laddas direkt.

Trädvy Permalänk
Medlem
Registrerad
Apr 2007

Ok, jag antar att det inte finns så mycket att göra åt det då. Inte heller så att info sidan blir likadan som den riktiga.

Men det kanske bara är bra så som det är på info sidan man kan ju i alla fall se bilden direkt då utan att vänta på övriga. Fast inte så snyggt att komma till ett nytt fönster med bara en bild på och sedan få backa för att komma tillbaka!

Tack så mycket för dina snabba svar!

Fractal Design Define R4 | be quiet! SilentWings 2 140mm (x3) | be quiet! Dark Power Pro10, 650W | ASUS Z87-DELUXE ATX | Intel Core i7 4770K 3.5 GHz | Noctua NH-U12S | Corsair 32GB CL10 1866MHz VENGEANCE LP | ASUS GeForce GTX 670 2048MB DirectCUII | Samsung SSD Pro Basic 840-Series 256GB