stampa questa pagina feed di signalkuppe.com/

You are hereIntegrare Fancybox in Drupal

Integrare Fancybox in Drupal

By lioz - Posted on 24 July 2008

logo di fancyboxStavo 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) 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

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

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

<?php

// 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

catering

catering


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 :)


Utente anonimo ?

Registrati o effettua l'accesso su Signalkuppe! per contattarmi via mail

Contribuisci

Marinelli is and will always be free. However, if you enjoyed it, please consider a donation. Your contributions speed theme development.


paypal

Vota per Drupal!

cms award