Und dann ist da noch CSS3

Heute Nacht vor dem Einschlafen kam mir die Idee, einen Versuch mit CSS3 zu starten und mit der Pseudoklasse "target" und für den Slideffekt "transition" zu arbeiten - und dabei so wenig wie möglich umbauen zu müssen. Erst mal war ich enttäuscht. Mein Standardbrowser Firefox steuerte zwar die Bilder an wie gewünscht, aber kein Slideeffekt. Dann öffnete ich Opera...

Das "Sollergebnis" zeigt das Video (noch nicht ganz, kleiner Fehler ist noch drin). Firefox und Internet-Explorer 9 (gibt es erst als Preview) zeigen das jeweils durch Klick auf sein Thumbnail ausgewählte Bild. Die gängigen Internet-Explorer (7 und 8) machen gar nichts, auch nicht mehr beim Hovern, da ich die HTML-Struktur für den neuen Versuch verändern musste. Opera, Safari und Chrome hingegen zeigen bereits einen Slideffekt (und hier ist auch der Fehler, es wird immer dasselbe Bild überblendet), und das ganz ohne Javascript.

Code

Ansehen