Slideshow html

[Matthias Scharwies]

Herzlich wollkommen bei Selfhtml!!

ich habe versucht eine Sildeshow mit Pfeilen rechts und links zu basteln.

Mir ist vor allem das kaputte HTML aufgefallen, allem voran mehrere öffnende und schließende body-Tags. Das sollte man als erstes mal in Ordnung bringen.

Hallo Idna,

was genau an Deinem HTML nicht passt, kannst du feststellen, wenn Du Dein Beispiel online stellst und dann mit dem Validator überprüfst.

Hier ist mein Code, indem irgendwo Fehler sind, die ich noch nicht erkennen kann:

Nur so viel vorher:

• Es gibt nur ein body-Element - die anderen musst Du rauslöschen
• style muss in den head (der übrigens passt, bis auf evtl lang="en" ?)
• align:center regelt man über CSS, z.B. mit h1 {text-align:center;}
• Die Navigation kannst du in ein nav-Element packen, dann kannst du dir die Klasse .hm ersparen.
• @Gunnar Bittersmann sagte schon, dass für die Bedienung eines sliders das button-Element vorgesehen ist
• So etwas wie <div style="clear:both"></div>kann man gleich löschen, dass sollte über CSS und zwar heute lieber mit Flexbox oder Grid Layout formatiert werden.

Oder gibt es vielleicht einen einfacheren eleganteren Weg eine Slideshow zu machen?

Wie @Felix Riesterer schon erwähnte, verwendet Dein JavaScript jQuery, dies wird aber nicht eingebunden.

Hier ist ein Tutorial, das dies OHNE jQuery erreicht:

• https://www.mediaevent.de/javascript/simple-lightbox.html

Herzliche Grüße

Matthias Scharwies