Schwebte thumbnail-Galerie, verschiedene Größen, wie behandeln?

Wenn Sie einfach tun, float:left, um alle Vorschaubilder in der gleichen Größe, eine Galerie sieht toll aus. Aber bei der unterschiedlichen Größe der thumbnails kommen um zu spielen, ist das nicht mehr der Fall.

Was ist der beste Weg, um die Handhabung der verschiedenen Größe der thumbnails? Benötige ich für die Verwendung von Tabellen statt?

Schwebte thumbnail-Galerie, verschiedene Größen, wie behandeln?

InformationsquelleAutor der Frage Wesley | 2011-07-20

  1. 4

    Ich denke, die beste Lösung ist, um zu geben jeder Miniaturansicht ein div-container mit einer festen Größe, so dass jeder Miniatur nimmt den gleichen Raum. Ich meine, nicht die Größe Ihrer Miniaturansicht.
    Das Bild in dem div soll zentriert werden.

    InformationsquelleAutor der Antwort dknaack

  2. 13

    Keine der möglichen CSS-Lösungen besonders gut.

    Empfehle ich die Verwendung von JavaScript+jQuery statt, speziell eines dieser plugins:

    InformationsquelleAutor der Antwort thirtydot

  3. 2

    Ich habe folgende plugin, es funktioniert einwandfrei :

    http://suprb.com/apps/gridalicious/

    InformationsquelleAutor der Antwort Rohit Jindal

  4. 0

    Für diejenigen, die im Jahr 2017 der Suche nach einer Galerie für Verschieden große Bilder, aktivieren Sie dieses css-tricks Artikel: https://css-tricks.com/seamless-responsive-photo-grid/

    InformationsquelleAutor der Antwort Allan Oliveira

Schreibe einen Kommentar