Bilder nebeneinander höhenversetzt anordnen die auch als Link funktionieren.

  • Hallo zusammen

    Ich überlege, wie ich Bilder höhenversetzt anordnen UND gleichzeitig als Link verwenden kann. Also eher in Spalten nebeneinander, so das sie nicht alle auf einer Reihe sind.

    (So wie sie bei Pinterest angeordnet sind, das find ich lebendiger. Dort kann man dann auf jedes Bild klicken und kommt auf die entsprechende Seite)

    Die Anordnung funktioniert im Bilderordner: Vorschaubild gemischt, gleiche Breite – wenn die Bilder unterschiedlich hoch sind. - Nur als Link verwenden kann ich sie so nicht, sondern nur den Beschreibungstext darunter.

    Ich befürchte das wird übersehen, benutzerfreundlicher wäre es, wenn auch das Bild als Link funktioniert.


    Hat da jemand eine Idee oder gibt es ein Widget zum Einbinden dazu?

  • Hallo Sabine,

    schau mal, ob sich unter https://www.widget-zp.de/widgets.html etwas für Deine Zwecke finden lässt. Da die Widget-Sammlung allein für Bilder recht umfangreich ist, könntest Du auch mal im entsprechenden Forum, https://www.zella.de/forum/forum/, gezielt nachfragen, wobei deren Betreiber/Nutzer natürlich auch im hiesigen Forum mitlesen und helfen. Ein passendes Widget wäre natürlich die einfachste Lösung.

    Ansonsten ließe sich das sicherlich auch mit eigenem CSS in Verbindung mit dem Bild-Widget bewerkstelligen. Das könnte aber recht mühselig werden, jedem Bild seine eigene CSS-Klasse zuzuordnen. Um wie viele Bilder geht es denn? 5, 50 oder 500?

    Viele Grüße

    Tom

  • Hallo Sabine,

    ich vermute, du meinst so etwas, wie hier auf dem ersten Bild zu sehen ist? https://css-irl.info/css-masonry-layout-syntax/

    Das nennt sich "Masonry Layout", ist leider mit Zeta Producer so momentan nicht umsetzbar. Ich könnte das aber mal als Wunsch für unsere Widgets aufnehmen, falls du daran Interesse hast. Wann ich dann dazu komme, das umzusetzen, kann ich aber leider nicht genau sagen.

    Freundliche Grüße
    Philipp

    ---------------------------------------------------------------
    Widgets für Zeta Producer: widget-zp.de

    • Offizieller Beitrag

    Ein echtes "masonry" Layout ist intern bereits schon länger umgesetzt und wir warten hier nur noch auf eine breite Browser-UInterstützung.

    Ich sehe mal, ob wir den Bildeigenschaften künftig ein Feld für eine Klick-Adresse hinzufügen können, so dass man generell auch Bilder in Alben verlinken kann.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo Sabine,

    schau mal, ob sich unter https://www.widget-zp.de/widgets.html etwas für Deine Zwecke finden lässt. Da die Widget-Sammlung allein für Bilder recht umfangreich ist, könntest Du auch mal im entsprechenden Forum, https://www.zella.de/forum/forum/, gezielt nachfragen, wobei deren Betreiber/Nutzer natürlich auch im hiesigen Forum mitlesen und helfen. Ein passendes Widget wäre natürlich die einfachste Lösung.

    Ansonsten ließe sich das sicherlich auch mit eigenem CSS in Verbindung mit dem Bild-Widget bewerkstelligen. Das könnte aber recht mühselig werden, jedem Bild seine eigene CSS-Klasse zuzuordnen. Um wie viele Bilder geht es denn? 5, 50 oder 500?

    Viele Grüße

    Tom

    Vielen Dank Tom!

    Die Widgets sind alle sehr interessant und ich werde mir sicher den einen oder anderen aussuchen. Ein Masonry Layout scheint noch nicht dabei zu sein.

    Ich denke es werden um die 50 Bilder sein, eine Art Galerie.

    Vile Grüße

    Sabine

  • Hallo Sabine,

    ich vermute, du meinst so etwas, wie hier auf dem ersten Bild zu sehen ist? https://css-irl.info/css-masonry-layout-syntax/

    Das nennt sich "Masonry Layout", ist leider mit Zeta Producer so momentan nicht umsetzbar. Ich könnte das aber mal als Wunsch für unsere Widgets aufnehmen, falls du daran Interesse hast. Wann ich dann dazu komme, das umzusetzen, kann ich aber leider nicht genau sagen.

    Hallo Philipp und vielen Dank!

    Ja, das wäre genau das was ich suche!
    Vielleicht klappt das ja bald als „echtes“ Widget.

    Viele Grüße

    Sabine

  • Ein echtes "masonry" Layout ist intern bereits schon länger umgesetzt und wir warten hier nur noch auf eine breite Browser-UInterstützung.

    Ich sehe mal, ob wir den Bildeigenschaften künftig ein Feld für eine Klick-Adresse hinzufügen können, so dass man generell auch Bilder in Alben verlinken kann.

    Hallo Stefan,

    das wäre natürlich Super! Dann hoffe ich mal, das es bald umgesetzt werden kann.

    Ein Feld mit Klick-Adresse für die Bildeigenschaften im Ordner wäre schon mal ein erster Schritt.
    Denn die zeigen sich ja schon ein bisschen verschachtelt wenn sie eine unterschiedliche Höhe haben.

    Viele Grüße und viel Erfolg mit der Umsetzung

    Sabine

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!