Crear una galeria de fotos con lightbox
TamaÒo de la fuente:
Autor y creditos: Maverick
Este es un video tutorial muy sencillo que nos permitirá realizar una galeria de fotos muy bonita, algo similar a Flash, con imagenes en miniatura. Para ello vamos a usar un script que nos hace ese trabajo, se llama Lightbox y lo puedes descargar de aqui, pero antes vean como se hace la integración.
Clic en la Imagen para ver el Video Tutorial
Adicionar a:
del.icio.us |
Digg
del.icio.us |
Digg
Email a un amigo
Imprimir version
Texto plano
Comentarios (20 Publicado):
Mi problema es el siguiente, en dreamweaver no me aparece el "miniaturas" cuando hago click en CLASE, que problema será?
son muy utiles, gracias
AHora bien, tengo un duda, segui los pasos del tutorial...pero al subir la pagina, no funciona, se abren las fotos grandes en paginas individuales..revise los cogidos, y aparentemente esta todo bien.
AHora pregunto..en mi carpeta WEB, tengo la carpeta de fotos ( con las carpetas miniaturas e imagenes ), y las carpetas que baje de la web, o sea css, images y js.
Estan bien ubicadas ahi? o debo ponerlas en otro lado..y otra cosa, el tamaño de mis miniaturas, no es el mismo que figura en el tutorial..tiene que ver eso?
Si es posible que revises, asi coloque los codigos.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>.:: La Tecnologia del Yo Soy ::.</title>
<style type="text/css">
<!--
body {
background-image: url(web/imagenes/fond0.jpg);
margin-top: 0px;
}
-->
</style>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<style type="text/css">
<!--
.miniaturas {
border: 1px solid #fff;
margen: 0 10px 10px 0;
padding: 5px;}
-->
</style>
</head>
Y asi en las fotos...
<a href="web/fotos/imagenes/pr1.JPG" rel="lightbox" title="my caption"><img src="web/fotos/miniaturas/pr1.JPG" width="100" height="75" border="0" class="miniaturas" /></a>
TE AGRADECERIA MUCHISIMO TU RESPUESTA!!!!
fer
Saludos desde Argentina
Gracias un saludo desde España
cuando sea gramde kiero ser como tu
Tengo que habilitar otra función o necesito trabajar con alguna función del servidor?
Ahora para accesar a tu cuenta hosting, necesitas un cliente FTP, te recomiendo usar FileZilla, es gratuito y muy bueno.
Ahora sobre la tercera pregunta, busca en le sección Flash hay un tutorial "como crear un menu profesional" ese manual enseña a hacer los botones con RollOver.
bueno tus tutoriales son lo mejor!
espero tu respuesta
ah! algo mas...como hago para hacer botones con RollOver con logotipo o pelicula para el boton
no se si me explico?
buen tema para un tutorial
bye
,,,ale
Envie sus comentarios