YoxView: Galleria di Immagini con jQuery + Lightbox

- Letture: 2.222

YoxView è una galleria di immagini scritta in JavaScript utilizzando la libreria jQuery, con la quale possiamo gestire e visualizzare album fotografici.

La galleria di immagni è altamente personalizzabile, abbiamo la possibilità di vedere una demo oppure scaricare la galleria.

La galleria è provvista di documentazione dettagliata con la quale usare al meglio i codici e tutte le caratteristiche.

Vediamo come usarla e le caratteritiche:

Caratteristiche

Ecco le principali caratteristiche:

  • Visualizzazione in Lightbox
  • Immagini auto scalate
  • Immagini precaricate
  • Slide show di immagini
  • Navigazione tramite tastiera
  • Search-engine friendly

Come usare la galleria

Una volta scaricata la galleria ci basterà richiamare il nostro file .js in questo modo.

<script type="text/javascript" language="javascript" src="yoxview/yoxview-init.js"></script>

Nella nostra pagina HTML invece

<div class="yoxview">
<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>

La galleria è disponibile in diversi linguaggi incluso l’italiano, una galleria elegante e allo stesso tempo semplice da configurare

Stratega, Docente, Speaker con più di 12 anni di esperienza in strategie creative multicanale. Oggi sono Managing Partner di ThinkingHat, Innovation Studio specializzato in tecnologie emergenti per aziende e brand audaci.

13 Commenti

  1. scusa ho dimenticato la correzione :)

    nel div si deve aggiungere class=”yoxview”

  2. Molto elegante, molto bella!!!
    unica cosa e’ che trovo poco intuitivo il sistema per terminare la presentazione. Sapete un sistema per non far sparire le icone in alto a desta?

    fantastica!
    grazie per l’ ottima segnalazione

  3. @Nadia: hai letto la documentazione? Una volta che carichi il file JS devi preparare le anteprime thumbs e il richiamo da codice per far funzionare il tutto..se scarichi la gallery dovresti trovare i file JS da richiamare

  4. Francesco

    qualcuno ha mai provato a utilizzarla con flash? magari richiamando la funzione di apertura immagine tramite file xml?

  5. Ciao Julius
    premetto che sono neofita di wordpress, quindi se faccio qualche domanda imbarazzante credimi è solo per inesperienza.
    Sto utilizzando il plugin lightbox e vedo che funziona bene..mi chiedevo se era possibile inserire una foto prima che appaia la home page per esempio in questo link http://www.robertociambetti.info ( non usa wordpress) prima appare la foto e poi chiudendo la foto si entra nella home page.
    Se potessi darmi una drita te ne sarei grato
    Grazie Paolo

  6. @ Julius:

    Premetto la mia ignoranza per quanto riguarda jQuery ma mi stavo chiedendo se sia possibile aggiungere dei pulsanti personalizzati in alto a destra.

    Vicino a quelli di default Play, Help & Close.

  7. Ho provato ad utilizzarla ed ho avuto problemi in quanto non mi visualizzava i bottoni next e prev. Ho provato ad utilizzarla su un’installazione pulita con la libreria 1.4 inclusa nel pacchetto ed ha funzionato; poi ho trovato un articolo http://drupal.org/node/1677038 che conferma quanto suddetto e consiglia di utilizzare la libreria jquery versione 1.5.2 che ho successivamente testato e funziona alla grande.

Commenti