Arriva swfIR (swf Image Replacement)

Si scrive swfIR, ma si pronuncia swiffer, come precisa Jeffrey Zeldman nel post in cui presenta questo nuova tecnica elaborata da suoi collaboratori in Happy Cog che, sfruttando Flash e un pizzico di javascript (meno di 12 kilobyte), consente di elaborare “al volo” le immagini presenti in una pagina HTML, aggiungendo bordi, angoli arrotondati, ombre e inclinazioni.

Sul sito dedicato è possibile scaricare il codice, guardare gli esempi e leggere le semplici istruzioni per implementare subito questa soluzione nei propri siti.
In pratica è sufficiente, dopo aver scaricato swfIR e caricato i file .js e .swf nel proprio spazio web, includere nell’<head> del documento HTML un semplice richiamo al javascript:
<script type="text/javascript" src="swfir.js"></script>
ed aggiungere poi le poche righe di codice necessarie per ottenere gli effetti desiderati. Ad esempio, per ottenere la rotazione di un’immagine bastano queste poche righe:
rotate = new swfir();
rotate.specify('src', '/swfir.swf');
rotate.specify('rotate', '-5');
rotate.swap("img");

La soluzione proposta da swfIR, quindi, consente di aggiungere qualche effetto interessante alle immagini, nel pieno rispetto degli standard web.

Technorati Tags: , , , ,

Puoi leggere anche...

Wordle e le elezioni provinciali
Wordle permette di generare delle "nuvole di parole" (word clouds) a partire da un testo. Non...
Gestire i task con Gmail
Per i seguaci del metodo Getting Things Done, Gmail può diventare la piattaforma ideale per...
Free Burma!
[tags]Free, Burma[/tags]...

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

1 Commento a “Arriva swfIR (swf Image Replacement)”

  1. PiccoloImprenditore scrive:

    Eh, ma che bello!

    Lo voglio.

Scrivi un commento

XHTML: Puoi usare questi tag XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>