swipebox-plugin-lightbox1

Swipebox, plugin ligthbox optimizado para dispositivos móviles

Adoramedia
Menú

Swipebox es un plugin jQuery ideado para mejorar la experiencia del usuario cuando se visualicen galerías de imágenes desde smartphones o tablets, gracias a la funcionalidad de sus gestos táctiles.

Su poder táctil lo convierte en una herramienta imprescindible a la hora de crear sitios bajo código Responsive Web Design. Además, es posible manejar sus movimientos de navegación a través del teclado de cualquier ordenador de sobremesa o portátil.

Se trata de un plugin estéticamente atractivo y funcionalmente eficaz. Combina transiciones CSS para mostrar delizamientos entre imágenes, desvanecidos y otras técnicas sutiles que hacen de su navegación una experiencia agradable.

Swipebox responsive

Además, muestra una excelente compatibilidad mientras corre en navegadores como Chrome, Safari, Firefox, Opera, IE8+, IOS4+, Android o Windows Phone.

MODO DE USO

Enlazamos los archivos JS y CSS antes del cierre del head:

<script src="lib/jquery-1.9.0.js"></script>
<script src="source/jquery.swipebox.min.js"></script>
<link rel="stylesheet" href"source/swipebox.css">

Ejecutamos el plugin:

<script type="text/javascript">
jQuery(function($) {
	$(".swipebox").swipebox();
});
</script>

Por último, es necesario añadir la clase CSS “swipebox” en la sección donde quieras ubicar tu galería de imágenes dentro del código HTML. Además puedes usar el atributo TITLE como encabezado de la imagen.

 <a href="big/example.jpg" class="swipebox" title="encabezado">
<img src="small/example.jpg" alt="image">
</a>
Compartir

Tu comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de privacidad y protección de datos, pinche en el enlace para más información. ACEPTAR

Aviso de cookies