Reflex 1.1: aggiungere effetto di riflessione alle immagini
Mercoledì 29 Agosto, 2007
Nuova versione 1.1 della libreria Javascript Reflex con la quale è possibile aggiungere effetti di riflessione alle immagini. Il vantaggio di usare questa tecnica "non intrusiva" è la rapidità con cui è possibile aggiungere questi effetti senza dover spendere tempo nel realizzare effettivamente l'immagine di riflessione.
Questa versione è stata provata sui browser Mozilla Firefox 1.5+, Opera 9+, Safari e IE6. La minima dimensione supportata per un'immagine è 32x32. Una volta inclusa la libreiria:
-
<script type="text/javascript" src="reflex.js"></script>
Basta inserire class="reflex" sulle immagini dove desideriamo applicare tale effetto. Sfruttando la proprietà dell'attributo class è possibile manipolare gli effetti di riflessione, il chè rende questa libreria davvero particolare. È possibile, infatti, distorcere anche l'immagine aggiungendo effetti 3D. Ad esempio ecco come aggiungere varie caratteristiche alla rilfessione:
-
<img class="reflex idistance16 iborder2 iheight24" width="200" alt="" src="images/example.jpg"/>
Per i dettagli vedi la documentazione sul sito ufficiale.
Sullo stesso sito è possibile scaricare numerosi altri effetti come Edge, Corner, Glossy e molti altri, tutti dedicati alle immagini.
Post correlati
Tags: Internet, Javascript, reflex, Sviluppo, Unobtrusive, Unobtrusive-JavaScript
Pubblicato in Internet, Javascript, Sviluppo | 
6 commenti »
corretto 
