Ampliar imagen con Rlightbox
rlightbox es una interfaz de usuario jQuery mediabox que puede mostrar muchos tipos de contenidos tales como imágenes, vídeos de YouTube y Vimeo. Tiene muchas características únicas, como la vista en panorama y la redimensión en vivo.
En este artículo vamos a explicar como ampliar imágenes utilizando Rlightbox.
Para hacer funcionar este estupendo ampliador de imágenes deberemos incluir en el <head> de nuestra página Web lo estilos y scripts:
<link type="text/css" rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.16.custom.css" />
<link type="text/css" rel="stylesheet" href="css/lightbox.min.css" />
<script type="text/javascript" src="lib/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="lib/jquery.ui.core.min.js"></script>
<script type="text/javascript" src="lib/jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="lib/jquery.ui.rlightbox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$( ".lb_one" ).rlightbox();
});
</script>
Después en el <body>, por ejemplo para obtener una estupenda galería de imágenes podemos hacer lo siguiente:
<a class="lb_one" title="Descripción de la imagen" href="images/01.jpg"> <img alt="Descripción de la imagen’" src="images/01.jpg" width="160" height="120"/> </a>
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
¿Buscas trabajo de programador?
Una respuesta a “Ampliar imagen con Rlightbox”
Deja una respuesta
75 artículos que te podrían interesar
Te falta dejar un link para descargar…. aunque supongo que lo buscaré por google, Igualmente es muy interesante, gracias!