YoxView: Galleria di Immagini con jQuery + Lightbox

- Letture: 2.092

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 Partner & Chief Innovation Officer 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