Reflection.js for mootools
Aggiungere un riflesso alle proprie immagini, in perfetto stile 2.0...
Utilizzeremo reflection.js con mootools, questi sono i due file di cui avremo bisogno, a questo punto basterĂ applicare la classe reflect al tag IMG...
Scaricate quindi reflection.js e il framework mootools, per questo esempio ricordate di selezionare i seguenti "pacchetti" dal download personalizzabile:
- Native: Array, String, Function, Element
- Window: Window.Base
Adesso richiamiamo i file tra i tag <head> </head> della nostra pagina (ricordando prima di caricarli nel nostro hosting/provider):
<script src="http://nomesito.it/reflection.js" type="text/javascript"></script>
<script src="http://nomesito.it/mootools.js" type="text/javascript"></script>Carichiamo un immagine ed applichiamo la class reflect
<img src="http://nomesito.it/immagine.jpg" class="reflect" />Ricordate di non applicare particolari valori, tipo altezza , larghezza, trasparenza alle immagini nel file CSS; per maggiori informazioni fate riferimento alla documentazione ufficiale...
Etichette: mootools, reflection.js, Tutorial
|
Permalink |
|
