best practice für das laden großer Bild-Galerie

Habe ich eine unerwartet große Galerie mit 130 Bilder. Ursprünglich war mein Ansatz war, zu verblassen in der Galerie auf $(window).load();

Klar ist das lächerlich, bei 130-Dateien.. Und wirklich, niemand will, zu bewältigen, dass viele http-Anfragen sowieso.

Also das ist meine "subjektive Frage, die wahrscheinlich zu geschlossen".

Ich bin widerwillig zu denken, dass vielleicht sollte ich den laden nur 20 oder so Bilder und dann ajax-in mehr als der Benutzer schreitet in der Galerie. Aber das ist uncharted und beängstigend klingen.

Vielen Dank für Ihre Beratung!

InformationsquelleAutor technopeasant | 2011-09-20

  1. 1

    Zunächst laden Sie ein paar Bilder, dann verwenden preloader für andere Bilder..

    Gemeinsamen jquery gallery das sieht für gallerific :
    http://www.twospy.com/galleriffic/

    Wenn Sie bauen möchten, die Lösung, die Sie manuell verwenden können, preloader :
    http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript

    gehen, um zu versuchen und Seil galleriffic in meine bestehenden Funktionen. die navigation basiert nicht auf Miniaturansichten oder scrollen.. nur ein Bild zur Zeit. danke für den link!

    InformationsquelleAutor Gaurav Shah

  2. 0

    Wäre es eine gute Idee, nur laden, die ich Alter wie der Benutzer Sie benötigt, indem entweder nur zu zeigen, 10-20 in einer Zeit mit einem "mehr anzeigen" - oder "nächste-Seite" - link irgendwo auf Ihrer Seite. Eine andere Möglichkeit wäre es Bilder laden, da der Benutzer scrollt deine Seite! Mit der scroll () - Methode, hier dokumentiert: http://api.jquery.com/scroll/

    Ich würde mit dem separaten Seiten, wobei Sie jQuery verwenden Sie zum laden der nächsten Bilder, wenn der Benutzer auf die verschiedenen links.

    InformationsquelleAutor Tom Walters

  3. 0

    Definitiv die beste Art und Weise ist, wie Sie writed, laden nur ein paar Bilder und dann laden Sie den rest.

    Mein Vorschlag ist, laden Sie nur 3-5 Bilder und hinzufügen-Ereignis für die Schaltfläche "weiter", um die Last mehr. Finden Sie die jquery.lazyload.js und versuchen Sie zu integrieren auf Ihrer Seite.

    Entsprechend seiner Seite lazyload ist gebrochen, in den neueren Browsern. (Das jQuery-plugin,...)
    Benutze es und alles läuft Prima... ich getestet in IE8/IE9 und FF 6 und alles ist ok.

    InformationsquelleAutor Nenad Banovic

  4. 0

    Dies ist eine subjektive Frage, aber die grundsätzliche Antwort ist für das laden von Bildern nach die Seite geladen wurde, so dass Sie nicht blockieren die Seite.

    Sollten Sie auch mit miniaturen. Ich habe gesehen, viel von zu Hause aus Galerien, die nur quetscht das original-Bild nach unten auf eine Miniaturansicht, auf laden... Das ist nicht nett ; -) Wenn Sie nicht wollen, zu gehen der next/prev-Seite route, könnten Sie laden Sie einfach die thumbnails in einer 5/6/7-von-unendlich raster, und nur laden von Bildern im sichtbaren Platzhalter.

    1. Laden Seite
    2. Erstellen Sie Platzhalter für jedes Bild
    3. Laden von Bildern sichtbare Platzhalter
    4. als der Benutzer scrollt die Seite, laden Sie die Bilder für die Platzhalter, die in den viewport.

    Oder so 😉

    InformationsquelleAutor Christian Wattengård

Schreibe einen Kommentar