Blog su Wordpress, Web Design, Web Development e Seo

swfIR è una semplice ed efficace alternativa per arrotondare gli angoli delle immagini senza utilizzare CSS3. La soluzione swfIR combina jQuery e Flash per fornire una serie di effetti come angoli arrotondati, ombre, bordi e rotazione.

Utilizzarlo è davvero molto semplice:

• Scaricate swfIR
• Caricate swfir.js e swfir.swf sul vostro server nella stessa directory
• Includete la libreria swfIR nel tag :

<script src="swfir.js" type="text/javascript"></script>

• scegliete quale caratteristica applicare a quali immagini:

var borders = new swfir();
borders.specify("border-radius", "15");
borders.swap("#content img"); 

Ovviamente potete integrare lo script anche in WordPress:

• scaricate lo script, uploadate i file e includete la libreria come descritto prima
• aggiungete questo codice nel file footer.php prima della chiusura del tag

<script type="”text/javascript”">// <![CDATA[

// swfIR
window.onload = function() {
var sir = new swfir();
sir.specify(“border-radius”, “15″);
sir.specify(“src”, “/swfir/swfir.swf”);
sir.swap(“.latest-posts-center img”);
sir.swap(“.latest-posts-center a img”);
sir.swap(“img.rounded”);
// ]]></script> 

• Assicuratevi che le immagini non siano organizzate per mese e giorno (Impostazioni->Miscellanea) e aggiungete questo codice da qualche parte nel loop:

ID, ’rounded_img’, true) ) {
$postimg = get_post_meta($post->ID, ’rounded_img’, $single = true);
if((stristr($postimg,’http’)===FALSE) && (stristr($postimg,’wp-content’)===FALSE)) {
$postimg = get_bloginfo(’siteurl’).”/wp-content/uploads/”.$postimg;
} ?>

• Quando inserite un’ immagine in un post, copiatene il link dopo l’ upload, create un campo personalizzato chiamato rounded_img e assegnate il link come valore.

I Pro

• swfIR è una libreria cross-browser, non avete quindi il problema che ancora si riscontra con CSS3.
• se avete bisogno di proteggere le immagini, disabilita il click con il tasto destro

I Contro:

• Non è compatibile con Prototype e Mootools
• Si perde il tag alt dopo la sostituzione

Qualcuno l’ ha provato? Cosa ne pensate?