Imageslider wie hier auf Computerbase

An sich einfach einzustellen, jedoch klappt es leider nicht so wie ich mir das vorstelle.

Ich muss mehrere Slider auf einer Seite platzieren können, die alle aus der gleichen Gallerie die Bilder ziehen. Jedoch muss je Slider individuell eingestellt werden können, welche Bilder angezeigt werden. Und nur wenn man das Bild des Sliders vergrößert sollen alle Bilder der Gallerie angezeigt werden.

Beispiel:

Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text

[Slider 1 mit 5 Bildern]

Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text

[Slider 2 mit 3 Bildern]

Und erst wenn ein Bilder aus dem Slider vergrößert angezeigt wird, dann sollen alle 8 Bilder angezeigt werden.
 
hier ein kleines slider beispiel mit vue.js https://vuejs.org vll bringt es dich ja auf eine idee.. kannst ja ausbauen

https://jsfiddle.net/wtwrammu/3/

neue slider können dann mit den slider tag erstellt werden es müssen die images und wenn du willst kannst du die start position übergeben

HTML:
<slider :images="images" :pos="1"></slider>
 
Zurück
Oben