Si estás pensando en meterte en uno de los framework de javascript más utilizado jQuery, en esta web ofrece una gran recopilación de plugins y ejemplos práctiso para usar con jQuery.
Visita The Ultimate jQuery List
Vía Xyberneticos
Escrito por Niko | 
10 de Julio de 2009 | 
0 comentarios
General.
A estas alturas el efecto de lightBox es bastante conocido (existe hasta para videos Videobox). El plugin que os muestro en el post se puede decir que es de los más conocidos, aunque existe alternativas como jQuery.popeye, Zoomy…
Como usar el plugin:
Para comenzar necesitamos tener el javascript de jQuery y después descargar el plugin. Debemos incluir en la cabecera dos ficheros javascript:
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.4.js"></script>
También debemos incluir el fichero CSS:
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.4.css" media="screen" />
Incluimos las etiquetas HTML para enlazar una imagen, por ejemplo:
<a href="image1.jpg"><img src="thumb_image1.jpg" width="72" height="72" alt="" /></a>
Y por último incluimos el siguiente javascript que es el que activará el lightBox:
<script type="text/javascript">
$(function() {
// Use this example, or...
$('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
// This, or...
$('#gallery a').lightBox(); // Select all links in object with gallery ID
// This, or...
$('a.lightbox').lightBox(); // Select all links with lightbox class
// This, or...
$('a').lightBox(); // Select all links in the page
// ... The possibility are many. Use your creative or choose one in the examples above
});
</script>
Visita lightBox plugin
Ver una Demo
Escrito por Niko | 10 de Julio de 2009 | 0 comentarios
CSS y Diseño Web y JavaScript.
Escrito por Niko | 9 de Julio de 2009 | 1 comentario
General.
Si deseas cargar este framework de Javascript desde el servidor de Google y así no consumir ancho de banda, puedes hacerlo desde hace tiempo con la sección que abrieron los de Google para API de bibliotecas de AJAX, sin duda te recomiendo que la visites, porque encontrarás otras librerias de javascript que podrás cargar desde su servidor como son:
Para cargar jQuery pon:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script>
Escrito por Niko | 28 de Junio de 2009 | 2 comentarios
AJAX y JavaScript.
