Jeder kennt sie, jeder will sie… diese tollen Reflektionen unter Bildern und Logos.
Bisher habe ich das immer via Photoshop erledigt. Das wird nun in vielen Fällen ein Ende haben :)
Eben habe ich ein kleines JavaScript mit dem simplen Namen reflections.js entdeckt, welches den besagten Effekt automatisch generieren kann. Das Script wiegt nur kleine 5KB, ist mit allen modernen Browsern (auch dem IE 5.5) kompatibel und ist einfach anzuwenden.
Um einem Bild eine solche Reflektion zuzuweisen muss die JavaScript-Datei nur einmal in den HEAD der Webseite integriert werden, der Rest erfolgt über eine DOM-Manipulation, wodurch man dem besagten Bild nur noch ein class="reflect" zuweisen muss.
Ein wirklich hilfreiches Script, das vor allem den Vorteil hat, das bei deaktiviertem Javascript immer noch das normale Bild dargestellt werden kann. Die Reflektion ist zudem in Höhe und Transparenz anpassbar und richtet sich immer nach der jeweiligen Hintergrundfarbe.
Für Textpattern-Fans hat Robert Wetzlmayr bereits ein passendes Textpattern-Plugin veröffentlicht.
Kommentare zum Thema Bildreflektionen mit JavaScript:
Dieser Artikel enthält leider noch keine Kommentare. Sie könnten der erste sein!
Aktuelle Geburtstage aus MySQL-Datenbank auslesen Hackthenet-Blog im Netzfrühling Showcase
