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.





















iJim ha detto:
Spettacolo, ma dovo posso trovare un tutorial per sfruttare le immagini con javascript???
Giovambattista Fazioli ha detto:
@iJim: cosa intendi esattamente per “sfruttare le immagini”?
iJim ha detto:
Ciao, intendo proprio la manipolazione, effetti, ritocco dei bit ( come con un editor esadecimale ), ecc…, cose del genere!
Giovambattista Fazioli ha detto:
@iJim: non sono a conoscenza di strumenti Javascript di questo tipo. Esistono sicuramente in Flash o tramite un’interazione con strumenti Server. Può darsi che qualcosa di simile si stia sperimento tramite le Canvas… se trovo ti farò sapere.
iJim ha detto:
Grazie mille…
Redemption ha detto:
grazie, proprio lui cercavo