Integrare Fancybox in Drupal

Stavo cercando una reale alternativa a lightbox da integrare in Drupal. Lightbox infatti è abbastanza pesante e la configurazione non è proprio banale. Ho trovato un nuovo script basato su jQuery (Fancybox) [1] e ne sono rimasto entusiasta. La grafica a mio avviso è molto più curata rispetto a lightbox e l'integrazione in Drupal non presenta alcun problema visto che il CMS integra nativamente jQuery.
Per utilizzare Fancybox su Drupal basta seguire questi semplici passaggi

1) Scaricare il pacchetto da sito ufficiale [1]

2) Estarre il contenuto dell'archivio nella cartella sites/all/fancybox

3) Modificare il file template.php del vostro tema come segue

// includi il css di fancybox
drupal_add_css("sites/all/fancybox/fancy.css");
 
// includi lo script di fancybox
drupal_add_js("sites/all/fancybox/jquery.fancybox-1.0.0.js"); 
 
// includi lo script per il png fix
drupal_add_js("sites/all/fancybox/jquery.pngFix.pack.js"); 
 
 
//funzione jquery che attiva l'effetto su tutte le immagini contenute nel div con classe "immagini"
 
drupal_add_js (
    '$(document).ready(function(){$("div.immagini a").fancybox({"overlayShow": true });}); ',
    'inline');

4) Inserire il markup xhtml nel contenuto

<div class="immagini">
<a href="immagine_piccola.jpg"><img src="immagine_grande.jpg"/></a>
</div>

5) Testare

[2]

[3]

Se volete scorrere un set di immagini direttamente da fancybox, basta utilizzare l'attributo rel="ilmioalbum" nell'ancora. Appena ho un attimo ti tempo tolgo lightbox e comincio ad usare fancybox anche sul mio blog :)