JQuery Fancybox Slideshow: piccola modifica, grande effetto!

Tempo fa mi sono cimentato in questa soluzione per avere l’effetto “Slideshow” su Fancybox, la famosa libreria per rendere la visione delle immagini davvero dinamica.

Ieri scopro che una soluzione davvero efficiente con tanto di modifica al “core” del plugin jQuery si può trovare qui

http://groups.google.com/group/fancybox/browse_thread/thread/25dc483448612d07/

Non si capisce perchè Fancybox non fornsca ufficilamente questa feature ancora. Posto direttamente anche il pacchetto .zip della libreria.

UPDATE: aggiungo anche una miniguida.

Basta aggiungere i riferimenti al .js e al .css interni alla libreria ed attivare la funzione:

<script src="path/to/fancyboxv2/jquery.fancybox-1.3.4.js" type="text/javascript"></script>
<link rel="stylesheet" href="path/to/fancyboxv2/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />

<script  type="text/javascript">
 /**
 * FancyBox custom effects
 */
 jQuery(document).ready(function(){
     jQuery('.fancybox').fancybox({'interval' : 5000});
 });

</script>

.fancybox è la classe che assegante alle vs immagini per innescare l’effetto. La nuova opzione interval temporizza l’effetto slideshow (in millisecondi).

Alcune immagini

A presto.