Ver Mensaje Individual
  #20 (permalink)  
Antiguo 22/05/2012, 19:37
ferrarimaca
 
Fecha de Ingreso: mayo-2012
Mensajes: 1
Antigüedad: 12 años, 6 meses
Puntos: 0
Respuesta: Como usar Lightbox en Dreamweaver

Hola a todos es primera vez que recurro a esto, pero lo hago en un acto de desesperacion.
Resulta que al momento de ver mi pagina web en linea, no me visualiza las imagenes en miniatura ( requerimiento de ligntbox para visualizar la imagen original) y al momento de hacer clik me visualizan solo algunas imagenes en grandes .

entonces despues de tanto intentar insertar lightbox en dreamweaver a traves de codigos, descarge e instale una extension lightbox que supone viene todo predeterminado.

los codigos me quedaron asi:
<div id="gallery1" class="lbGallery">
<ul>
<li> <a href="imagenes/grandes/G1.jpg" rel="lightbox[galeria1]" title="Habitación 1"> <img src="imagenes/pequenas/P1.jpg" width="128" height="201" alt="" /> </a>
<a href="imagenes/grandes/G2.jpg" rel="lightbox[galeria1]" title="Baño privado"></a>
<a href="imagenes/grandes/G3.jpg" rel="lightbox[galeria1]" title=" "></a


></li>
<li> <a href="imagenes/grandes/G4.jpg" rel="lightbox[galeria1]" title="Habitación 2"> <img src="imagenes/pequenas/P4.jpg" width="128" height="201" alt="" /> </a>



</li>
<li> <a href="imagenes/grandes/G5.JPG" rel="lightbox[galeria1]" title="Habitación 3"><img src="imagenes/pequenas/P5.jpg" width="128" height="201" alt="" /> </a>
<a href="imagenes/grandes/G6.jpg" rel="lightbox[galeria1]" title="Una o dos camas de 11/2 plaza y futon sala de baño compartida. "></a>
<a href="imagenes/grandes/G7.jpg" rel="lightbox[galeria1]" title="Habitación 3"></a>
<a href="imagenes/grandes/G8.jpg" rel="lightbox[galeria1]" title="Habitación 3"></a>




</li>
<li> <a href="imagenes/grandes/G13.jpg"rel="lightbox[galeria1]" title="Habitacion 4 Cama doble baño privado en suite y vista al norte. ">
<img src="imagenes/pequenas/P13.jpg" width="128" height="201" alt="" /> </a>
<a href="imagenes/grandes/G14.jpg" rel="lightbox[galeria1]" title="Cama dos plazas"></a>
<a href="imagenes/grandes/G15.jpg" rel="lightbox[galeria1]" title="Habitacion 4"></a>
<a href="imagenes/grandes/G16.jpg" rel="lightbox[galeria1]" title="Habitacion 4"></a>
<a href="imagenes/grandes/G17.jpg" rel="lightbox[galeria1]" title="Baño privado"></a>
<a href="imagenes/grandes/G18.jpg" rel="lightbox[galeria1]" title="Baño privado"></a>
<a href="imagenes/grandes/G19.jpg" rel="lightbox[galeria1]" title="Vista panoramica al puerto de Valparaiso"></a>





</li>
<li> <a href="imagenes/grandes/G9.JPG" rel="lightbox[galeria1]" title="Habitación 5"> <img src="imagenes/pequenas/P9.jpg" width="128" height="201" alt="" /> </a>
<a href="imagenes/grandes/G10.jpg" rel="lightbox[galeria1]" title="Cama 1 1/2 plaza + altillo "></a>
<a href="imagenes/grandes/G11.jpg" rel="lightbox[galeria1]" title="Habitación acogedora "></a>
<a href="imagenes/grandes/G12.jpg" rel="lightbox[galeria1]" title="Habitación acogedora "></a>


</li>
<li> <a href="imagenes/grandes/G20.JPG" rel="lightbox[galeria1]" title="LOFT, planta libre"> <img src="imagenes/pequenas/P20.jpg" width="128" height="201" alt="" /> </a>
<a href="imagenes/grandes/G21.jpg" rel="lightbox[galeria1]" title="Dos camas de 1 1/2 plaza "></a>
<a href="imagenes/grandes/G22.jpg" rel="lightbox[galeria1]" title="Sector camas separadas de espacios comunes"></a>
<a href="imagenes/grandes/G23.jpg" rel="lightbox[galeria1]" title="Baño privado"></a>
<a href="imagenes/grandes/G24.jpg" rel="lightbox[galeria1]" title="Dos camas de 1 1/2 plaza "></a>
<a href="imagenes/grandes/G27.jpg" rel="lightbox[galeria1]" title="Espacios comunes"></a>
<a href="imagenes/grandes/G28.jpg" rel="lightbox[galeria1]" title="Espacios comunes"></a>
<a href="imagenes/grandes/G29.jpg" rel="lightbox[galeria1]" title="Espacios comunes"></a>
<a href="imagenes/grandes/G30.jpg" rel="lightbox[galeria1]" title="Comedor"></a>
<a href="imagenes/grandes/G31.jpg" rel="lightbox[galeria1]" title="Living"></a>
<a href="imagenes/grandes/G32.jpg" rel="lightbox[galeria1]" title="Baño privado, cómdo"></a>
<a href="imagenes/grandes/G33.jpg" rel="lightbox[galeria1]" title="Terraza pañorámica"></a>


</li>
</ul>
</div>
<script type="text/javascript">
// BeginWebWidget lightbox_gallery

$(function() {
$('#gallery1 a').lightBox();
});


// EndWebWidget lightbox_gallery
</script>
</div>



y los codigos de orden que van despues de head:


<link rel="stylesheet" href="style.css" type="text/css"/>

<script type="text/javascript" src="script.js" ></script>
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/lightbox.js" type="text/javascript"></script>
<script type="text/javascript">
</script>


<link href="estilos.css" rel="stylesheet" type="text/css" />
<link href="css/sample_lightbox_layout.css" rel="stylesheet" type="text/css" />
<link href="css/lightbox.css" rel="stylesheet" type="text/css" />
</head>


no se cual es el problema, dentro de mi carpeta raiz tengo lightbox y en imagenes cree dos carpetas una se llamas grandes y otra pequenas.

ayuda pliiiiissss.