Bildlauf mit Carousel - hochformatige Bilder verschieben den nachfoldenden Text

    Guten Abend allerseits,

    darf ich wiedermal um Hilfe bitten?

    ich möchte (und tus auch) das Widget Carousel verwenden, was auch prinzipiell super funktionier.
    Habe leider das Problem, daß die Bilder teilweise nicht ganz angepasst werden, sodass der darunterliegende Text zu springen beginnt, je nachdem, ob das erste Bild (von links) im Hochformat ist, oder nicht.

    zum Beispiel:


    Das"Willkommen" - die Überschrift der nächsten Textbox - springt sozusagen immer auf und ab - je nachdem ob das Foto darüber hoch-oder querformatig ist.


    => gibt es eine Möglichkeit, die rot markierten Stellen wegzubekommen, sodass es wirklich ein Band ist, und nicht eine Aneinanderreihung unterschiedlich großer fotos?


    Hoffe ist eine Einstellungssache, daß das irgendwie automatisch geht


    => oder muss ich das manuell im Bildoptionen Dropdown einstellen?


    in Suche und Doku hätte ich sonst nichts gefunden...


    herzlichen Dank


    Wolfgang


    aja ich hab V 13.3.0 Home

    Hallo Wolfgang,

    grundsätzlich solltest Du in einem Widget mit mehreren Bildern immer Bilder vom selben Format und Seitenverhältnis verwenden. Am einfachsten ist es, die Bilder vor dem Einfügen in Zeta mit einem externen Programm zu bearbeiten.

    Guten Morgen

    Danke für die Antwort.

    - genau das möchte ich ja vermeiden, das sind alles Bilder, die ich "irgendwo" auf der Homepage verwende.
    d.h. ich müsste jedes Bild doppelt bearbeiten und speichern, einmal für die Verwendung auf der eigentlichen Seite, einmal für dieses Carousel.

    Was mich besonders stutzig macht, es funkt ja prinzipiell, nur dann nicht, wenn das erste (also das linkeste) Bild hochformat ist, ansonstens werdens scheinabr automatisch super angepasst.

    EDIT: jetzt hab ich noch ein en Screenshot gemacht, genau so solls aussehen und tut es auch, wenn das linkeste Bild Querformat ist, da werden auch die hochformattige Bilder richtig dargestellt....

    lg Wolfgang

    Hallo,

    das Widget holt sich die Abmessungen vom ersten Bild. Skalieren Sie einfach das erste Bild wunschgemäß.

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

    Guten Morgen

    danke für die Antwort - verstehe sie leider nicht... :-S

    das erste Bild ist das vom roten Fabia, das passt.
    das Zweite ist das von meiner Tochter mit der roten Mütze, das ist Hochformat. Wenn das an erster Stelle steht, passts nicht mehr...

    nachdem die Bilder ja durchgereicht werden,. ist jedes Bild mal das erste Bild.... Hä?

    Bitte um nähere Erklärung...

    herzlichen Dank

    Wolfgang

    Hallo,

    wenn das erste Bild höher ist, als das/die nachfolgenden, wird auch bei den nachfolgenden entsprechend viel Raum eingebaut, dass ein Bild mit der Höhe des ersten Bilds reinpassen würde… Dadurch entsteht der von Ihnen beobachtete Weißraum.

    Sie müssten dann also quasi das kleinste Bild an die Erste stelle verschieben bzw. das erste Bild entsprechend skalieren. Am besten ist natürlich, wie bereits erwähnt, wenn alle Bilder die selben Maße haben.

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

    Hallo hr. Seiz


    Zitat von sseiz

    Sie müssten dann also quasi das kleinste Bild an die Erste stelle verschieben bzw. das erste Bild entsprechend skalieren.

    genau das hätte ich eigentlich gemacht - siehe Screenshots....
    das Bild mit dem Fabia ist "richtig" hoch. genau so sollten dann alle andren Bilder sein.

    danke & lg

    Wolfgang

    Hallo,

    wie ist denn die URL der Seite? Mit den Screenshots und Ihrer Beschreibung komme ich irgendwie durcheinander.

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

    Hallo Wolfgang,

    gehe mal bitte im Carousel auf das Mischpult unten rechts und dann auf Bild-Optionen: Welche Angaben zu Breite und Höhe sowie zur Mindestbreite stehen da? Nach dem Abschreiben der Zahlen kannst Du dort auch gleich noch das "automatische Abspielen" auf 3 Sekunden ändern, da braucht man nicht so lange zu warten. Ich habe auf https://community.zeta-producer.com/www.hanabi-pirna.de/test.php das Carousel 2 x nachgebaut. Verwendet werden 4 Bilder aus Deinem Carousel. Im ersten Carousel habe ich bei "Bildoptionen die Höhe auf 262 Pixel gesetzt. Das Foto vom Rohrtransport hat diese Höhe, welche im Vergleich aller 4 Bilder die kleinste Höhe ist. Damit werden alle Bilder auf diese Höhe limitiert und springen nicht mehr. Wie Du sehen kannst, werde dabei die höheren Fotos zentriert, also oben und unten abgeschnitten.

    Fazit: mit Einstellen der Höhe in den Bild-Optionen auf die kleinste Höhe der verwendeten Bilder wird die Gesamthöhe des Carousels limitiert. Da höhere Bilder aber zentriert beschnitten werden bin ich wieder bei meiner Empfehlung, die Bilder vorher zu bearbeiten und auf gleiche Größe und gleiches Größenverhältnis anzupassen. Ich verwende hierzu IrfanView, wobei ich dort im Batchmodus belieig viele Bilder gleichzeitig anpassen kann. Ist zwar auch zeitaufwändig, aber nach je nach Anzahl der Fotografen von der Veranstaltung bin ich nach 3 bis 4 Durchläufen soweit, dass ich neben dem Original ddd043.jpg in 4288 x 2848 (5 MB) eine öffentliche Variante 2016-0618-kiju-001.jpg mit 203 kb sowie ein nicht durch Google zu findendes Bild intern-2016-0618-001.jpg mit 203 kb habe. Je anch Bereich der Homepage setze ich dann das entsprechende Bild ein.

    Hallo

    viiieelen Dank, das hat fast 100%ig funktioniert!!

    interessanterweise hat es mit der Höhe mit 262 nicht ganz funktioniert, beim 2ten Bild ist der Text immer noch ganz leicht gesprungen, alle anderen Bilder ham gepasst.

    Auch beim reduzieren des Wertes auf 250 hat sich absolut nichts verändert.
    Habe jetzt die Hausmeister Methode angewendet und die beiden hocchforamtigen Bilder weggenommen und duch Querformatige ersetzt :)

    passt und gut ists :)

    Vielen Dank für eure Hilfe!!!!!!!!


    lg Wolfgang

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden