Touch Gallery è una image gallery creata in jQuery che permette di ricreare il look and feel nativo delle fotogallerie sui browser mobili.

La galleria supporta quindi la navigazione tra le immagini con il tocco delle dita per quei dispositivi che hanno il touch (iPad e iPhone ad esempio) senza però limitare l’uso dei normali browser ‘desktop’.

Il plugin è stato scritto e ottimizzato per Safari Mobile ma funziona senza problemi anche sulla versione desktop di Safari, di Opera, di Chrome e Firefox.

La galleria è visualizzabile anche con le versioni più datate di Firefox e di Internet Explorer ma gli effetti di transizione tra una foto e l’altra non vengono visualizzati.

NETEYE Touch-Gallery è disponibile gratuitamente e nello zip che scaricherete troverete tutti i files necessari al suo corretto funzionamento (il plugin richiede jQuery v1.4.2 (o versioni successive).

Per utilizzare in pagina la gallery basterà richiamarla in questo modo:

  <div id="gallery">
      <a href="image1.jpg">
        <img src="thumb1.jpg" />
      </a>
      <a href="image2.jpg">
        <img src="thumb2.jpg" />
      </a>
      <a href="image3.jpg">
        <img src="thumb3.jpg" />
      </a>
    </div>

    <script>
      $('#gallery a').touchGallery();
    </script>

Potete vedere una demo e scaricare il sorgente da qui

Rispondi

This site uses Akismet to reduce spam. Learn how your comment data is processed.