Galería de imágenes para dispositivos touchscreen

Neteye es un plugin desarrollado y optimizado para mobile Safari, aunque también corre muy bien en Firefox 4, Opera y Chrome, que podemos utilizar para crear galería de imágenes especialmente pensadas para utilizar en dispositivos touch.

Para funcionar requiere tener instalados dos plugins, no se preocupen vienen en la misma descarga, y finalmente tener jQuery 1.4.1 o superior. A diferencia de cualquier otro Lightbox este plugin esta especialmente pensado para dispositivos táctiles, por lo que la principal diferencia se ve a la hora de navegar la galería, siendo la metodología idéntica a la del visualizador del iPhone en donde tocando las columna de los lados avanzaremos o retrocedemos en la galería.

Ejemplo de implementación:

    <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>

Pueden ver una demostración online, lo ideal seria que lo vean desde un dispositivo touch, no obstante para hacer la prueba pueden usar las flechas del teclado para ver el efecto desde cualquier navegador.

Web: Neteye

Pablo: Programador desde hace más de 11 años, adicto a internet, cafeinómano, fanático de la información, intento de emprendedor, trabaja de forma compulsiva solo en lo que ama. Sueña con tener una aplicación con más de 1 millón de usuarios.
Entradas relacionadas