Este para mi es el mejor plug in de JQUERY para lograr el efecto de lightbox en las imágenes. Ese efecto que al hacer click, abre la imagen y pone oscuro el fondo. (El efecto en la imagen de arriba). Se llama Fancybox.
Lo bueno de este plug in es que es muy simple y efectivo. En dos segundos ya lo tenes funcionando. Probé con varios y me quedo con este, en el .js se puede modificar bastante pero sino anda bien de una.
Solo hay que linkear el archivo javascript y CSS a tu HTML:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.1.pack.js"></script> <link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen" />
Y despues ponerl un id=”single_image” al link de la foto en la que queres lograr el efecto. También se puede usar para iframes y hasta contenido generado por AJAX.
<a id="single_image" href="image_big.jpg"><img src="image_small.jpg" alt=""/></a>
Posts Relacionados:
- Insertar texto en HTML usando Javascript Cuando quize hacerlo busque por todos lados y no encontre un tutorial facil para hacerlo. Asi que hay va. La...
- Random de imágenes con PHP+CSS Me habían pedido, que cuando entras a un sitio haya una pagina de introducción con fotos full screen que cambien cada vez que entras,...