slideshow 2 vertikale thumbnails - ich bekomms nicht hin!

Liebe Contao-Community,

ich bin kurz vorm Verzweifeln :(
Versuche seit einigen Tagen, die thumbnails von Slideshow2 rechts vom Bild vertikal anzuordnen (hab ich so la la hinbekommen) UND die thumbnails vertikal sliden zu lassen (eigentlich genauso, wies horizontal auch funktioniert, nur vertikal).

Leider sliden die thumbs immer noch horizontal...was hab ich falsch gemacht? Es sind insgesamt 7 Bilder/thumnails.

http://www.kramer-jackl.de/contao/index.php/slide.html

Die Lösungen im Forum haben auch nicht funktioniert bzw ich habs wohl nicht ganz verstanden? :(

Soll eigentlich so aussehen: http://www.electricprism.com/aeron/s.../example5.html


Bitte um Hilfe, vielen Dank!

Mit float und clear: both; probiert?


Sent from my iphone using Tapatalk

Ja, hab ich. Funktioniert nicht.
Vielleicht hab ich was übersehen. Vielleicht raff ichs auch nur nicht :)

Danke für Deine Antwort jedenfalls....

Hoffe da gibts irgendeine Lösung...

Du brauchst wahrscheinlich eine Breitenangabe für den Bildcontainer der Slideshow, sonst ist das element trotz float mit einer vererbten (inherit) Breite des Elternelements ausgestattet.

In dem Beispiel ist sogar mit absoluten Werten gearbeitet. Bin ich zwar kein Fan von, aber geht natürlich immer. Du kannst doch eigentlich alles aus dem CSS des Beispiels saugen.

Ich glaube das vertikale Sliden ist eine Frage der Einstellung im Initialisierungsscript der Slideshow (slideshow2_js.TEMPLATE), das wird mit reinem CSS natürlich nicht gehen.

HTML-Code:

---

/* Overriding the default Slideshow thumbnails for the vertical presentation */

    .slideshow-thumbnails {
            height: 300px;
            left: auto;
            right: -80px;
            top: 0;
            width: 70px;
    }
    .slideshow-thumbnails ul {
            height: 500px;
            width: 70px;
    }   

---

Innerhalb des JS ist kein wirklicher Aufruf für das vertikale Sliden der Thumbs zu erkennen. Hast du in Deinem Beispiel genug Bilder damit überhaupt das Sliding aktiviert wird?

ja, hab da insgesamt 7 Bilder eingebaut.
Hab auch versucht, alles von dem Beispiel zu übernehmen bzw. Zu saugen.
Hat auch nicht wirklich geklappt..

Evtl. ein Versionsproblem? Mir ist auch nicht klar, woran die Slideshow festmacht, ob die Thumbs vertikal od. horizontal sein sollen. Einen Parameter gibt es da ja nicht. Aus irgendeinem Grund wird auf der Beispielseite bei der Liste die Eigenschaft top: ; manipuliert, wohingegen bei einer horizontalen Slideshow die Eigenschaft left: ; verändert wird. Woran die Slideshow das festmacht, keine Ahnung.

..sieht nach einem Versionsproblem aus...Ich gebs langsam auf :(

Danke für Eure Antworten :)

Nicht aufgeben, wir brauchen ja auch noch die Lösung.

;-) klappt scho

Hallo zusammen,

gibt es für das Problem schon eine Lösung?
Bin auch am Probieren und komme einfach nicht weiter. Wenn die Thumbnails vertikal sind funktioniert das scrollen nicht mehr???

Gibt es keine Slideshow bei der man die Thumbnails vertikal oder horizontal einfach per template einstellen kann?

Gruß Dirk

Das hatte ich mal gelöst. Schau mal hier

https://community.contao.org/de/show...l=1#post211762

oder direkt hier

http://code.google.com/p/slideshow/issues/detail?id=234

Nochmal danke.

Hat soweit ganz gut funktioniert. Nur hab ich jetzt noch den Bug, dass das letzte Bild nur zur Helfte angezeigt wird.
Die heigh der Slideshow und der Thumpnails stimmt irgendwie nicht?

http://fotostudio.webdesign-bandemer...alerie_-2.html

An was liegt das?

Danke
Dirk

Den LIs wird eine Höhe von 96px zugewiesen. 7x96px=672px. Diese Höhe von 672px wird der UL zugewiesen. Durch das Padding von 3px auf den LIs, haben die LIs aber eine tatsächliche Höhe von 102px. 7x(3px+3px)=42px. Diese 42px fehlen nun bei dem untersten Thumb. Versuche mal, das CSS dementsprechend anzupassen.

Klasse. Vielen Dank hat funktioniert.