Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje18-06-2011, 00:36 (UTC)    
Título del mensaje: [resuelto]Problema con el código de Lightbox2

Tengo un problema con los códigos de Lightbox, a ver si alguien me lo puede solucionar, cuando clico sobre la imagen pequeña para que se abra la grande, funciona correctamente, pero el tamaño que quiero no es el deseado, me gustaría que se leyera bien la letra pequeña de la segunda imagen por tanto debería ser el doble de grande.

Código para meter dentro de la Parte de arriba de la página

Código:
<!-- www.cssplantillas.es.tl -->
<script src="http://www.huddletogether.com/projects/lightbox2/js/prototype.js" type="text/javascript"></script>
<script src="http://www.huddletogether.com/projects/lightbox2/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="http://www.huddletogether.com/projects/lightbox2/js/lightbox.js" type="text/javascript"></script>
<style type="text/css">
#lightbox{   position: absolute;   left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url("http://www.huddletogether.com/projects/lightbox2/images/prevlabel.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("http://www.huddletogether.com/projects/lightbox2/images/nextlabel.gif") right 15% no-repeat; }
#imageDataContainer{ font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;}
#imageData{   padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }   
#imageData #caption{ font-weight: bold;   }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;   }         
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}       
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 900px; background-color: #000; }
</style>



Y este otro código donde quieras la imagen o galeria:

Código:
<!-- www.cssplantillas.es.tl -->
<a href="URL IMAGEN GRANDE" rel="lightbox" title="TITULO DE LA IMAGEN"><img src="URL IMAGEN PEQUEÑA"/></a><br>



os dejo dos imagenes:
Imagen pequeña: http://s3.subirimagenes.com:81/otros/previo/thump_6547686nicolau.jpg
Imagen Grande: http://s2.subirimagenes.com/otros/previo/thump_6547819nicolau2.jpg


A ver si algun alma caritativa me hace la segund imagen más grande. Gracias
______________


Ultima edición por goalfederacion el Sab Jun 18, 2011 4:55 am; editado 3 veces
Mensaje18-06-2011, 02:03 (UTC)    
Título del mensaje:

Hola!,

La imagen es muy chica para agrandarla. Cuando se agrande no se va a leer Se va a ver todo borroso

Saludos!
Mensaje18-06-2011, 02:26 (UTC)    
Título del mensaje:

Nose, si me puedes pasar los codigos aunque se vea algo borroso asi lo prefiero.
______________
Mensaje18-06-2011, 02:40 (UTC)    
Título del mensaje:

Es curioso, cuando hice la imagen no tenia ese tamaño, es decir, el host de imagenes me la ha modificado, puede ser??

¿Cómo lo arreglo?
______________
Mensaje18-06-2011, 02:47 (UTC)    
Título del mensaje:

Hola goalfederacion,

Amigo mira intenta utilizar este código y edita los valores que están de color "Rojo", esos son los valores
para el tamaño de la imagen pequeña.

Cita:
<a href="URL IMAGEN GRANDE" rel="lightbox" title="TITULO DE LA IMAGEN"><img width="150" height="150" class="alignleft" alt="" src="URL DE LA IMAGEN PEQUEÑA" /></a>


Intenta no hacer doble post y editar tu mensaje se paciente amigo

Saludos!
Atte: iPWG
Mensaje18-06-2011, 02:51 (UTC)    
Título del mensaje:

gracias, lo he solucionado de otra forma, cambiando el host, me registré en imageshark y ahora si funciona bien, se ve perfecto.

Gracias por las molestias
______________
Mensaje18-06-2011, 02:55 (UTC)    
Título del mensaje:

De nada amigo estamos para ayudar, pero hubieras intentado de la forma como yo te dije y es mejor por que seguramente esa galería de cssplantillas tiene un bonito efecto al abrir la imagen, pero si ya lo solucionaste bien por ti.

Saludos!
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group