Artikel-Schlagworte: „thumbnail“

glänzende Bilder mit CSS

Montag, 31. Juli 2006

Glanz und Gloria mit Javascript

stadion-klonIm Weblog von napyfab will die WM-Feierlaune nicht vorüber gehen. Nagut, als Italiener hat er ja auch allen Grund dazu … (wann hat schonmal ein Zweitliga-Team den Titel geholt? :D) … neben dem bereits erwähnten Livesuche-Tutorial bin ich in dem Blog, neben allen Fanwimpeln und WM-Fotos, aber auch noch auf ein Skript aufmerksam geworden: Reflections.js versieht Bilder mit einem durchaus hochglänzendem Spiegelungseffekt. Sehr edel das. (auch eine Beispiel-Seite und eine Live-Demo gibts es).
Einziger Wermutstropfen ist, dass im Opera 8.x weder das Originalbild noch die Spiegelung zu sehen ist. Im Opera 9 solls aber funktionieren. Dass der Effekt aber auch in älteren Versionen sauber herunterstuft wäre für mich allerdings schon ein Muss.

Muss es immer gleich Javascript sein?

Nicht bei jedem Bild sieht sowas gut aus, und ist schnell mal “too much” oder “overdozed”…
Aber auch ohne Javascript lässt sich Bildern und Vorschaubildern ein wenig Effektleben und Glanz verpassen: mit CSS.

Ein wenig opacity gefällig?

Bevor es an den Glanz geht müssen wir uns mit “opacity” beschäftigen: Was lässt sich mit opacity anstellen? (weiterlesen…)