Gibt es Responsive Galerien?

Ulla123 schrieb am 09.10.2018 um 11:23 Uhr

Guten Morgen, ich arbeite mit WD 11 Premium. Ich möchte eine Foto-Homepage machen und finde bisher nirgends die Möglichkeit, eine Galerie zu erstellen, die von sich aus responsive ist. Bei so vielen Bildern hab ich keine große Lust, für die kleine Version ein anderes Widget zu nehmen und frisch zu befüllen.

Gibt es eine responsive Galerie oder gibt es einen Trick?

Danke im voraus, liebe Grüße von Ulla123

Kommentare

BeRo schrieb am 09.10.2018 um 20:38 Uhr

[...] Gibt es eine responsive Galerie oder gibt es einen Trick? [...]

Galerien, die sich so verhalten, gibt es en masse. Du musst nur mal eine der einschlägigen Suchmaschinen mit einem geeigneten Suchbegriff füttern (klick). 😉
Leider verlieren solche Galerien ihre responisve Eigenschaft, sobald sie in einen frame eingebettet werden und genau das macht der WD, wenn Du eine Galerie in eine Site einbindest.

Einen "Trick" kannst Du auch anwenden, obwohl das dann schon gute- bis sehr guten Anfängerkenntnisse in Scriptsprachen voraussetzt. Mit den "richtigen" Scriptlets in CSS und JS kann man z. B. iframes so manipulieren, dass sie den Inhalt responsive anzeigen. Natürlich müssen die Galerien vom Code her dann auch dazu passen... 😎

Die einfachste Lösung, die (fast) ohne Scriptcode auskommt ist mit einem eigenständigen Slider zu machen, der als Output eine HTML Datei erzeugt (das können die meisten). Die Datei bindest Du dann mit einem iframe Code in Deine Site ein.
Vorteil der Lösung: Du musst die Galerie nur 1x anlegen/ergänzen und Du kannst den Code beliebig oft (auch modifiziert) in Deine Site einbinden, z. B. auf den Varianten für Desktop-, Tablet und Smartphone. Damit wird auf allen Seiten immer der jeweils aktuelle Inhalt der Galerie angezeigt, ohne mühsame Nacharbeit. 😊

So kann ein iframe Code aussehen, wenn Du mit dem externen Slider eine Galerie erzeugt hast, die den Namen "slides.html" hat:

<iframe src="./slides.html" width="100%" height="100%" frameborder="0" scrolling="auto" name="xara_iframe" ><p>Your browser does not support iframes.</p></iframe>

Den Code kopierst Du in den HTML Body eines Platzhalters in geeigneter Größe.

Das war's dann auch schon 🙂

Zuletzt geändert von BeRo am 09.10.2018, 20:47, insgesamt 2-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

Ulla123 schrieb am 10.10.2018 um 10:52 Uhr

Guten Morgen, erstmal Danke für die Antwort. Leider habe ich keine Kenntnisse in Scriptsprachen, deine viele Arbeit ist also leider vergebens. Aber jetzt verstehe ich, warum die Widgets sich nicht anpassen können. Jetzt überleg ich, ob ich auf die kleine Version einfach verzichte, weil meine Fotos da sowieso nicht richtig sichtbar sind. Oder doch wordpress!

Danke nochmal.