Brauche Hilfe bei Jquery Slider

[visio]

Mir wurde hier ein Jquery Slider empfohlen und der funktioniert auch soweit ganz gut.

Leider kriege ich es nicht hin, diesen so anzulegen das die Gallerie aus mehreren Reihen besteht. Zur Verständniss, hier der Link zum Slider.



Hier ein Bild vom Layout, wie ich es gerne hätte.



Meine Gallerie soll aber wie man sieht, aus drei Reihen, mit jeweil 3 bildern pro Reihe dargestellt werden. Drei Bilder in eine Reihe kriege ich hin, leider schaffe ich es nicht eine neue Reihe zu starten. Die Bilder laufen weiter nach rechts hinaus obwohl ich dem div schon eine feste Breite von 800px vergeben habe.

 

[Ronja6]

AW: Brauche Hilfe bei Jquery Slider

Hi,

wie wäre es, wenn Du mal einen Link zu Deinem bisherigen Ergebnis postest?
Dann könnte man mal schauen, was Du schon zustande bekommen hast und was nicht.

Gruß Ronja

 

[piepel]

AW: Brauche Hilfe bei Jquery Slider

Hallo,

du musst dich mit css beschäftigen.

Schau mal bei , wie der seine Bildergalerien aufbaut oder auch http://host.sonspring.com/hoverbox/.
Das sind zwar keine div's sondern a's, aber in den css-Dateien steckt der Trick, wie du auf drei Reihen und Spalten kommst.

 

[visio]

AW: Brauche Hilfe bei Jquery Slider

Hi,

wie wäre es, wenn Du mal einen Link zu Deinem bisherigen Ergebnis postest?
Dann könnte man mal schauen, was Du schon zustande bekommen hast und was nicht.

Gruß Ronja

Ich habe jetzt mal dieses Tutorial probiert, es klappt auch, leider bekomme ich es nicht hin das es mehrere Zeilen werden.



Live Demo:



Wie kann ich es in CSS Formatieren das es nach drei Bildern eine Umbruch in die nächste Zeile macht?

Hallo,

du musst dich mit css beschäftigen.

Schau mal bei , wie der seine Bildergalerien aufbaut oder auch http://host.sonspring.com/hoverbox/.
Das sind zwar keine div's sondern a's, aber in den css-Dateien steckt der Trick, wie du auf drei Reihen und Spalten kommst.

Bei mir ist JavaScript mit im Spiel, die Beispielseiten arbeiten nur mit CSS.

 

[piepel]

AW: Brauche Hilfe bei Jquery Slider

Wie kann ich es in CSS Formatieren das es nach drei Bildern eine Umbruch in die nächste Zeile macht?

Weiß nicht, ob das funktioniert, du müsstest 3mal jeweils um drei Listenpunkte einen Div-Container packen, floaten und zum Schluß clearen.
Ich würde den umgekehrten Weg gehen. Innerhalb eines Listenpunktes 3*3 Div-Container gefloated jeweils mit clearing, in die du deine Bilder packst.

Bei mir ist JavaScript mit im Spiel, die Beispielseiten arbeiten nur mit CSS.

Genau - deine div's bringst du mit css in Reihe und Spalte.

 

[Myhar]

AW: Brauche Hilfe bei Jquery Slider

Wieso zusätzliches, unnötiges Markup? Man muss nicht alles mit divs (Mehrzahl s wird übrigens nie apostrophiert) umschließen.

<ul>
<li><img src="myImage.png"> </li>
<li><img src="myImage.png"> </li>
<li><img src="myImage.png"> </li>
<li class="clearLeft"><img src="myImage.png"> </li>
<li><img src="myImage.png"> </li>
<li><img src="myImage.png"> </li>
<li class="clearLeft"><img src="myImage.png"> </li>
</ul>

CSS:
li{float:left}
.clearLeft{clear:left}

L. G.

 

[piepel]

AW: Brauche Hilfe bei Jquery Slider

Danke Myhar,
man lernt doch nie aus.
So einfach.

 

[visio]

AW: Brauche Hilfe bei Jquery Slider

Danke für die Hilfe, habe aber in der Zwischenzeit das Problem mit diesem Slider gelöst.

Wenn es noch interessiert hier der Link: