[familymember]

Hallo zusammen,

ich beschäftige mich derzeit mit dem Foundation Framework.

Dabei habe ich grad das Problem, dass ich zwei orbit imageslider hintereinander einfügen will,
allerdings wird der zweite nicht korrekt angezeigt.

Beim zweiten werden die bilder einfach hintereinandergereit dargestellt.
auch in der beispieldatei ist es so, wenn ich simpel den code des orbit imagesliders copy&paste an den ersten anfüge.

der code:

[Mac]

Code anschauen:
http://foundation.zurb.com/docs/orbit.php#setupCode

Du verwendest 2x 'featured'. Das kann so auch nicht funktionieren

[familymember]

hallo mac,
danke für deine antwort.

das dachte ich auch zuerst dass es daran liegt, allerdings verhält es sich so, dass der orbit-slider nur mit der div id "featured" korrekt dargestellt wird und auch nur wenn er einmal verwendet wird.
benenne ich die beiden div containter um, also z.b. von featured in slider1 und slider2, so werden beide nicht wie gewünscht dargestellt sondern reihen die bilder untereinander.
d.h. irgendwie muss ja die div id "featured" zwingend erforderlich sein, allerdings finde ich in keiner der mitgelieferten *.js dateien den begriff und auch sonst nirgends in der html datei.

laut dokumentation (http://foundation.zurb.com/docs/orbit.php#setupCode) braucht es folgenden css und javascript code:

[ChrisKam]

Klar, den findest Du unten in der index.html. Wenn du mehrere Slider brauchst, kannst du einfach mehrere IDs vergeben.

[familymember]

ohje ok danke!

hatte eine modifizierte variante aus einem artikel der ct verwendet, da war der javascript-code nicht drin am ende der html datei.

jetzt klappts!