Ver Mensaje Individual
  #13 (permalink)  
Antiguo 17/09/2008, 11:57
_CesaR_
 
Fecha de Ingreso: junio-2007
Mensajes: 9
Antigüedad: 16 años, 10 meses
Puntos: 3
Respuesta: Como usar Lightbox en Dreamweaver

Hola, les escribo para decirles que ya logre utilizar el lightbox en el Dreamweaver CS3, para los que tengan la misma duda les explico que hise.

Primero puse los archivos qu evienen al descargar el lightbox en la carpeta raiz, sin ninguna otra subcarpeta ni nada.

Lo siguiente que hise fue abrir el archivo "index" que viene en el ZIP del programa y copie el codigo directamente del codigo de fuente de esa pagina.

El codigo es el siguiente:

Código HTML:
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
	
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript" </script>
<script src="js/lightbox.js" type="text/javascript"></script> 
y lo pegue justo antes de
Código HTML:
</head> 
debes asegurarte que ninguno de los codigos aparezca todo color rosa, eso significa que no funciona.

Despues me fui a vista de "Diseño" y luego vinculo la imagen que deseo con otra usando la herramienta de vincular de Dreamwever, lo siguiente es seleccionar la miniatura y darle a vista de "Codigo" y veremos un codigo parecido a este:

Código HTML:
<a href="imagen que va a salir en el lightbox"><img src="imagen miniatura que esta en la web" alt="texto alternativo que te pide dreamweaver" width="95" height="105" /> 
y debes poner lo siguiente:
Código HTML:
rel="lightbox"
Justo despues de el link que esta despues de "href" y antes del > así

Código:
<a href="imagen que va a salir en el lightbox" rel="lightbox"><img src="imagen miniatura que esta en la web" alt="texto alternativo que te pide dreamweaver" width="95" height="105" />
y asi te deberia servir, ahora si tambien quieres poner una descripcion a la imagen, añade title="la descripcion de la imagen" al lado de rel="lightbox" así

Código:
<a href="imagen que va a salir en el lightbox" rel="lightbox" title="la descripcion de la imagen" ><img src="imagen miniatura que esta en la web" alt="texto alternativo que te pide dreamweaver" width="95" height="105" />

Espero que me allan entendido los que tambien tienen dudas y que les sirva, y gracias a los que intentaron ayudarme