Bildergalerie

Hallo,

eine Frage bezüglich Bildergalerien. Würdet Ihr sowas mit einer vorgefertigten Lösung (z.B. lightbox) realisieren oder selber programmieren'?

Man muss dazu sagen, dass ich Laie bin, und mir alles selber beigebracht habe oder erst beibringe. Ist Lightbox ok, oder gibt es bessere Systeme?

Kann man Lightbox auch responsive machen, bzw. ist die Lösung responsive?

Danke fü rEure Hilfe.

Zitat von Gastl

als wie finde ich wieder geil

Das verstehe ich jetzt nicht.

Hallo,

ich habe derzeit eine Bildergalerie (rund 50 Bilder) mit flex realisiert. Dazu habe ich das Bild in Originalgröße gespeichert und in der Galerie mit width und height verkleinert. Folgendes CSS vergrößert die Bilder beim hovern:

img.zoom {
 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
}
img.zoom:hover {
 cursor: zoom-in; 
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
 transform: scale(2.0, 2.0);
 -moz-transform: scale(2.0, 2.0);
 -webkit-transform: scale(2.0, 2.0);
 -o-transform: scale(2.0, 2.0);
 -ms-transform: scale(2.0, 2.0);
}

Das funktioniert auch schon recht gut, und wenn ich die Bilder im Html nicht mit divs einbinde, sondern mit "figure", dann könnte ich mittels des Elements figurecaption auch den Text dazu einbinden, der dann ja auch beim skalierten Bild angezeigt wird. Meine Frage dazu: Entspricht diese Lösung in etwa der lightbox Lösung (natürlich nicht so perfekt) und ist diese Lösung auch responsive (wenn ich die Bilder z.B. mit max-width und max-height auszeichne), oder wäre hier lightbox doch die bessere Alternative.

Danke für die Hilfe.

Die Bilder werden mit den Angaben "height" und "width" kleiner angezeigt, aber doch mit der höheren Auflösung geladen. Habe ich das richtig verstanden?

Es wäre also besser, meine Bildergalerie mit lightbox zu realisieren. Verstehe ich das richtig?. Ist lightbox aber auch responsive, bzw. kann man das CSS so bearbeiten, dass es responisve wird? Danke für Eure Hilfe.

Was ich aus diesem Artikel nicht herauslesen konnte, ist die Information, ob es auch möglich ist, die Bilder mit Text zu versehen.

Weiters wollte ich auch wissen, ob diese Version der Lightbox auch responsive ist: https://lokeshdhakar.com/projects/lightbox2/.

Eine der beiden Varianten werde ich dann bevorzugen.

Man sieht daher auch, dass mein Google funktioniert

Zitat von Bandit

Bekommst du eigentlich irgendetwas alleine auf die Kette? Oder ist dein google kaputt?

Siehe https://www.google.de/search?q=lightbox+responsive

Kann mir bitte irgendwer verraten, wo ich diese lightbox downloaden kann? Unter diesem Link schaffe ich es nicht. Oder muss ich mich dafür auf dieser Seite registrieren? Danke für Eure Antworten.

Beziehen sich dann die beiden genannten Links auf jeweils dieselben Dateien???

Wenn man sich nämlich die Links der beiden Beispiele ansieht, werden die images jeweils mit unterschiedlichem HTML eingebunden.

Oder kann man beide Beispiele auf der github Seite downloaden?

Also jetzt habe ich auf den Download geklickt, in die Zip Files reingesehen und meine Frage ist noch immer nicht beantwortet.

Ich wollte wissen, ob beide Links auf die selben Dateien verweisen oder nicht. Und warum bei beiden Versionen unterschiedliches html angeführt wird.

Dies wird durch Durchsicht der zip Dateien nicht beantwortet, außer man ist Hellseher

Vielen Dank für Deine Hilfe Basti, mir ist die Funktion und das was ich tun muss schon klar.

Mir ist es nur darum gegangen, ob einer der beiden Links eine Lightbox Variante enthält, die mit eienm Bild auskommt, oder ob man immer 2 Bilder in unterschiedlicher Größe speichern muss

Ok, danke Euch beiden. Jetzt kenn ich mich aus und werde das mal testen.

Wird sicher eine schöne Arbeit werden bei ungefähr 60 Bildern!!