Corner: Javascript per Modificare Immagini

Pubblicato da Yuri Carlenzoli | 21 Giu 2010

Corner o corner.js è uno script in javascript che permette di modificare le immagini semplicemente modificando la classe CSS.

Corner-JavaScript

Tramite questo script è possibile non solo modificare le immagini/screenshot che si caricano su di un sito web rendendole in qualche modo tridimensionali o arrotondargli gl'angoli senza usare ne programmi di fotoritocco, ne servizi online, si può anche aggiungere la shadow (l'ombra) sotto le immagini.

Un altro grande pregio di Corner, anche se non ho provato vien detto che è compatibile con Mozilla Firefox 1.5+, Opera 9+, Safari e IE6+, e, come ogni webmaster che si rispetti sa la compatibilità con i browser è essenziale per offrire un sito web eccellente, Corner è compatibile con tutti i browser praticamente.

Utilizzare Corner è molto semplice, una volta caricato lo script sul server e richiamato nell'head delle pagine web, se per mettere l'immagine di una pagina web normalmente si usa il codice:

<img src="http://sito.com/immagine.jpg" alt="" />

Per inserirla con l'effetto come la prima in basso a sinistra presente nello screenshot di questo post basta aggiungere la classe CSS:

<img class="corner iradius32 ishade50 ishadow25" src="http://sito.com/immagine.jpg" alt="" />

Questo è solo un piccolo esempio di quello che può fare Corner, può anche generare thumbnail con spigoli arrotondati/smussati/due arrotondati due no/ecc. delle immagini, tutti i metodi che potete usare ve li lascio approfondire sul sito ufficiale di Corner.

Qui trovate Corner, non solo, trovate collegamenti per molti altri JavaScript interessanti.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Moderazione dei commenti attiva. Il tuo commento non apparirà immediatamente.