Garage öffne dich – Horizontales Menü mit Rolladen Effekt

Vor ca. einem halben oder dreiviertel Jahr erinnere ich mich an einen Anruf eines an einer Webseite Interessierten. Um was genau es gehen sollte wollt er mir nicht so recht verraten bzw.  hat schmunzelnd immer ein bisschen um den heißen Brei herumgeredet. Wichtig war ihm jedoch, dass er auf seiner Webseite Schaufenster haben wollte und wenn man „da drauf klickt“ sollte sich der Vorhang öffnen und dann das „was auch immer im Angebot ist“ zu sehen sein.

Nun ja – im Nachhinein konnte ich mir dann schon vorstellen, was da hinter dem Vorhang wartet, aber während des Gespräches reichte meine Fantasie nicht und ich habe das nicht gescheckt, naja, vielleicht irre mich auch und deswegen unterlasse ich an dieser Stelle mal weitere Spekulationen ;-)

Heute fand ich beim Stöbern aber genau das, wonach dieser Mensch wohl gesucht hatte. Ich weiß nicht, ob ich jemals eine solche Navigation auf einer Webseite einsetzen werde bzw. ob ich mal einen (seriösen) Auftrag bekomme, bei welchem folgendes Menü sinnvoll verwendet werden könnte, aber für den Fall dass doch: hier ein Hinweis auf ein nicht ganz alltägliches horizontales Menü, welches ich im Weblog von Chris Coyier bei CSS-Tricks gefunden habe. Thanks to Chris.

css-tricks.com/garage-door-style-menu

Demo:
http://css-tricks.com/examples/GarageDoorMenu/

Das Menü arbeitet mit Javascript, aber wenn dieses nicht aktiviert ist, kann man immer noch auf die äußeren Bilder klicken. Ob das in allen Browsern funktioniert weiß ich jetzt nicht und habe ich auch nicht ausprobiert – ganz nett gemacht und „mal was anderes“ ist es jedoch allemal.