Image-Slider ohne klicken oder Automatik, nur mit :hover:

[Rolf B]

Hallo Sophia,

eine reine CSS / Hover Lösung könnte mit Minivorschaubildern funktionieren. Du zeigst eine Leiste mit diesen Vorschaubildern an (dürfen dann nur nicht zu viele sein, damit sie nebeneinander passen) und mit :hover, + Kombinator und durch etwas Hexerei mit position:absolute und z-index kannst Du dann das große Bild nach vorn holen.

Für das breite Publikum müsstest Du dann aber Links ohne Ziel draus machen (weil die mit Tab-Taste und Maus fokussierbar sind) und außer :hover noch :focus verwenden.

Aber ich denke, für den Mobileinsatz eignet es sich das nicht wirklich, weil dieser Ansatz alle Bilder „sofort“ (was je nach Netz ein dehnbarer Begriff sein kann) lädt und dann alle Mobilisten schäumen, deren Datenvolumen unnütz abgesaugt wird. Eine JavaScript-Lösung, die dafür sorgt, dass nur das gerade gewünschte Bild geladen wird, ist da effizienter.

Rolf