Servus!

Hej alle,

mein simpler CSS-Slider ist über das WE weiter fortgeschritten:

Danke, (aber bei mir läuft die animation nicht :-( )

Grenzen und Nachteile

• Sollen mehr oder weniger Bilder angezeigt werden, muss das CSS angepasst werden. Zwar kann man mit CSS auch zählen, das würde hier aber zu sehr viel Code führen, weil 1 bis x Fälle abgefangen werden müssten. Vielleicht ist SASS hier die Rettung. Aber dann muss man zwar nciht mehr so viel schreiben, eine riesengroße CSS-Datei käme am Ende dennoch heraus, wenn man beispielsweise bis zu 100 Slides unterstützen wollte. Sonst kommt man um JS nciht mehr drum herum. Mehr als 10 Slides machen aber auch selten Sinn. Von daher kann man mit einer Begrenzung auf 10 wohl gut leben?!? Muss ich mir mal Gedanken drüber machen - input und feedback erwünscht!

Ich würde sogar nur 1-9 vorschlagen und bei den 4 Seiten bleiben, damit das Beispiel überschaubar bleibt.

• Sollen Bilder getauscht werden, müssen die unter dem vorhandenen Namen gespeichert werden - neue Namen lassen sich nicht vergeben, ohne dass auch hier das CSS wieder angepasst werden müsste

Warum nicht doch als Inhalt ins HTML?

  <li id="meaningOf2ndChild">
    <a href="#">Link zwei</a>
    <button class="cta">weiter</button>
    <img ....>
  </li>

Was weiter?

Die Idee eines reinen und simplen CSS-Sliders hat trotz der Nachteile ihren Charme. Er ist schnell und dank der Tatsache dass (bis auf den Checkbox-Hack) nur semantisch sinnvolle Elemente zum Einsatz kommen, ist er selbsterklärend, performant und zugänglich.

Grund genug für einen Artikel!

Ein Hinweis: Da in das Projekt viel Zeit fließen dürfte, würde ich es gerne auch noch auf meiner Homepage und/oder einer eigenen Projekt-Seite vorstellen, es wäre also nicht exklusiv für selfHTML.

Du hast die Autorenrechte und kannst hier einer Veröffentlichung unter CCN zustimmen, alles andere ist dein gutes Recht und geht uns nichts an!

Vielen Dank für deine Bereitschaft!

Herzliche Grüße

Matthias Scharwies