YoxView: jQuery image viewer plugin
This entry was posted on February 24th, 2010 and is filed under jQuery.
E’ da un pò che non presento plugin per jQuery ma per oggi farò un’eccezione dato che sono rimasto davvero molto sorpreso da questo nuovo script.
Il suo nome è YoxView ed appartiene alla categoria di plugin per lo slide di immagini, come Lightbox, Thickbox, ecc.
Il plugin è davvero ben fatto ed ha come punto di forza animazioni carine durante lo slide e il resize delle immagini, una comodissima finestra di help per aiutare gli utenti a muoversi tra le immagini e un pulsante di Play per visualizzare in automatico la gallery. Il suo punto di forza più interessante però è che non bisogna conoscere jQuery perchè la sua istanziazione non necessita di nessuna riga di codice Javascript.
Il plugin è altamente personalizzabile e soprattutto facilissimo da inserire all’interno della pagina. Per inserirlo, innanzituto inseriamo le thumbnail della immagini nella pagina html:
<div> <a href="images/01_full.jpg"><img src="images/01_thumbnail.jpg" alt="First image" /></a> <a href="images/another_full.jpg"><img src="images/a_thumbnail.png" alt="Second image" /></a> </div>
Se non vogliamo usare codice jQuery per il suo utilizzo carichiamo all’interno della pagina il file yoxview-init.js adattando oppurtamente la variabile yoxviewPath con il path in cui è salvato in plugin nel server.
Decommentiamo, sempre all’interno dello stesso file, la riga:
LoadScript(yoxviewPath + "yoxview-nojquery.js");
In questa maniera il plugin viene caricato direttamente e possiamo utilizzarlo con le nostre immagini.
Per chi volesse approfondire o scaricare il plugin, questi sono i link di riferimento:
Benvenuto! Mi chiamo