2009-02-25 5 views
1

Ich habe eine ziemlich einfache Thumbnail-and-View-Seite. Beim Klicken auf die einzelnen Miniaturansichten wird im mittleren Bereich das Bild in voller Größe angezeigt. Dieses Bit funktioniert gut - ich verwende Javascript, um die divs anzuzeigen und auszublenden, die die großen Bilder enthalten, aber wenn die Seite zum ersten Mal geladen wird, beginnt sie alle Bilder gleichzeitig zu laden. Dies führt dazu, dass das erste Bild, das der Benutzer sieht, sehr langsam hereingebracht wird.Kann Javascript erzwingen, dass versteckte divs warten, um ihren Inhalt zu laden? (HTML/Javascript)

Ich habe experimentiert mit dem Erstellen der divs im laufenden Betrieb, aber dann bin ich mit der unerwünschten Wirkung von warten auf die Last jedes Bildes stecken. Im Idealfall möchte ich mein aktuelles Setup verwenden - divs ein- und ausblenden - und die versteckten divs beginnen, ihre Inhalte zu laden, sobald das erste Fenster fertig ist. Gibt es eine Möglichkeit, die Ladepriorität für sichtbare divs festzulegen, sodass versteckte Netzwerkzeiten erst nach dem Rendern aller sichtbaren divs erkannt werden?

+0

Siehe auch [diese verwandte Frage] (http://stackoverflow.com/questions/334325/how-to-display-loading-status-with-preloader-and-multiple-images), die helfen können. – senderle

Antwort

1

Ich denke, was Sie wollen, ist es, Ihre 'Erstellen der divs on the fly' (für die nicht sichtbaren Divs) mit image preloading zu kombinieren. Sollte Sie bekommen, wonach Sie suchen.