Html mehrere Slideshows untereinander?

Hallo,

ich (Anfänger in dem Gebiet) muss für mein Studium eine Webseite erstellen. Eine Seite möchte ich für eine Bildergalerie nutzen.

Ich habe mir diese Slideshow ausgesucht : https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_slideshow

Ich habe die Bilder zum ersten Thema eingefügt und alles funktioniert super.

Nun wollte ich zu einem anderen Thema diese Slideshow benutzen (mit anderen Bildern) und darunter setzen.

Nun bekomme ich das irgendwie nicht hin. Es öffnet sich keine neue Slideshow mit Bildern sondern nur die Pfeile zum weiter klicken und die dots, mit diesen koordiniere ich aber die erste slideshow.

Wäre nett wenn mir jemand helfen kann wie ich mehrere seperate slideshows erstellen kann, weil diese hier gefällt mir echt gut.

Danke !

Answer 1

[Husar22]

Wäre mal gut deinen Code zu sehen, statt nur „es funktioniert nicht“.
Du kannst deinen Code auf pastebin hochladen.

Comments

[DerPrinzValium]

https://pastebin.com/DAfeLyZ3

so ist es wie ich es habe.

wollte dann die Klasse und das Script nocheinmal darunter einfügen , aber so einfach ist es leider nicht

[Husar22]

Ändere deine Klassennamen, zu denjenigen, die in JavaScript verwendet werden. Sonst findet JS nicht die Slides, die es benutzen soll.

Answer 2

[Dory1]

Das Beispiel, das du gefunden hast, ist nicht auf mehrere Slider-Instanzen ausgelegt. Die Werte sind alle hartkodiert. Du müsstest also das komplette JavaScript umschreiben damit es so funktioniert wie du es dir vorstellst.

JavaScript Image-Slider gibt es wie Sand am Meer. Es wäre einfacher, wenn du eine Bibliothek verwendest, die von Anfang an mehrere Instanzen unterstützt.

Comments

[DerPrinzValium]

ok danke :)

[DerPrinzValium]

du weißt nicht zufällig wie man das umschreibt?

[Dory1]

@DerPrinzValium

Ich wüsste das schon, aber es lohnt sich echt nicht das Rad neu zu erfinden. Du kannst quasi jedes Slider-Framework verwenden und optisch so gestalten, dass es aussieht wie dieses.