Reflex 1.1: aggiungere effetto di riflessione alle immagini

Mercoledì 29 Agosto, 2007

image 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:

HTML:
  1. <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:

HTML:
  1. <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

6 commenti a: “Reflex 1.1: aggiungere effetto di riflessione alle immagini”

  1. getAvatar 1.0 Lunedì 08 Settembre, 2008 alle 17:30
    iJim ha detto:

    Spettacolo, ma dovo posso trovare un tutorial per sfruttare le immagini con javascript???

  2. getAvatar 1.0 Lunedì 08 Settembre, 2008 alle 22:11
    Giovambattista Fazioli ha detto:

    @iJim: cosa intendi esattamente per “sfruttare le immagini”?

  3. getAvatar 1.0 Mercoledì 10 Settembre, 2008 alle 03:19
    iJim ha detto:

    Ciao, intendo proprio la manipolazione, effetti, ritocco dei bit ( come con un editor esadecimale ), ecc…, cose del genere!

  4. getAvatar 1.0 Venerdì 12 Settembre, 2008 alle 09:33
    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.

  5. getAvatar 1.0 Venerdì 12 Settembre, 2008 alle 13:03
    iJim ha detto:

    Grazie mille…

  6. getAvatar 1.0 Domenica 28 Settembre, 2008 alle 23:23
    Redemption ha detto:

    grazie, proprio lui cercavo :)

Lascia un commento

TAG XHTML permessi: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Usa <pre> per racchiudere codice