Foros del Web » Creando para Internet » CSS »

no visualizo thumbnails en galeria de imagenes

Estas en el tema de no visualizo thumbnails en galeria de imagenes en el foro de CSS en Foros del Web. HOla como anda , estoy teniendo un problema con una galeria en css el problema es que no me visualiza los thumbnails la galeria , ...
  #1 (permalink)  
Antiguo 05/03/2008, 08:51
Avatar de hernansam  
Fecha de Ingreso: septiembre-2007
Ubicación: Funes , Argentina
Mensajes: 203
Antigüedad: 10 años, 3 meses
Puntos: 0
no visualizo thumbnails en galeria de imagenes

HOla como anda , estoy teniendo un problema con una galeria en css el problema es que no me visualiza los thumbnails la galeria , puse las fotos , pero no se ve nada la fotos grandes se ven aca le dejo un link de la pagina para que vean
www.hernansam.com/simple.html

el codigo css es el siguiente
#gallery {width:750px; height:530px; position:relative; background:#eee; border:1px solid #aaa;}


#gallery ul {list-style:none; padding:0; margin:8px 0 0 0; width:180px; float:right;}


#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 0 5px 5px; border:1px solid #fff; cursor:pointer;}


#gallery ul li.tb1 {background:url(fotos/thumbnails/1.jpg) -120px -90px;}
#gallery ul li.tb2 {background:url(fotos/2.jpg) -110px -110px;}
#gallery ul li.tb3 {background:url(fotos/3.jpg) -250px -100px;}
#gallery ul li.tb4 {background:url(fotos/4.jpg) -170px -180px;}
#gallery ul li.tb5 {background:url(fotos/5.jpg) -120px -40px;}
#gallery ul li.tb6 {background:url(fotos/6.jpg) -20px -120px;}
#gallery ul li.tb7 {background:url(fotos/7.jpg) -320px -190px;}
#gallery ul li.tb8 {background:url(fotos/8.jpg) -70px -70px;}
#gallery ul li.tb9 {background:url(fotos/9.jpg) -120px -210px;}
#gallery ul li.tb10 {background:url(fotos/10.jpg) -190px -180px;}
#gallery ul li.tb11 {background:url(fotos/11.jpg) -20px -240px;}
#gallery ul li.tb12 {background:url(fotos/12.jpg) -90px -100px;}
#gallery ul li.tb13 {background:url(fotos/13.jpg) -220px -160px;}
#gallery ul li.tb14 {background:url(fotos/14.jpg) -120px -160px;}
#gallery ul li.tb15 {background:url(fotos/15.jpg) -120px -80px;}
#gallery ul li.tb16 {background:url(fotos/16.jpg) -130px -80px;}
#gallery ul li.tb17 {background:url(fotos/17.jpg) 0 0;}
#gallery ul li.tb18 {background:url(fotos/18.jpg) -130px -30px;}


#gallery ul li span i img {
display: inline;
}




#gallery ul li.click {border-color:#000; cursor:default;}


#gallery ul li.click span {position:absolute; left:0; top:0; width:570px; height:355px;}


#gallery ul li.click span i {width:570px; height:355px; display:table-cell; vertical-align:middle; text-align:center;}


#gallery ul li.click span i img {display:block; width:auto; height:auto; border:1px solid #fff; margin:0 auto;}


#gallery ul li.default {width:0; height:0; border:0;}
#gallery ul li.default span {position:absolute; left:0; top:0; width:570px; height:519px;}
#gallery ul li.default span i {width:570px; height:355px; display:table-cell; vertical-align:middle; text-align:center;}

#gallery ul li.default span i img {display:block; width:320px; height:240px; border:1px solid #fff; margin:0 auto;}
#gallery ul li.off {display:none;}
  #2 (permalink)  
Antiguo 05/03/2008, 11:18
 
Fecha de Ingreso: febrero-2008
Mensajes: 62
Antigüedad: 9 años, 9 meses
Puntos: 1
Re: no visualizo thumbnails en galeria de imagenes

En la parte donde defines la ubicacion, necesitas agregarle el "../" para que las busque en un nivel superior.

Actual:
#gallery ul li.tb2 {background:url(fotos/2.jpg) -110px -110px;}

Correcto:
#gallery ul li.tb2 {background:url(../fotos/2.jpg) -110px -110px;}

Esto sucede porque, de la forma en que lo tienes actual, busca las imagenes teniendo como 'raiz' el directorio en que el archivo CSS se ubica, y por ende no las encuentra:
http://www.hernansam.com/simple_css/fotos/thumbnails/1.jpg

La ubicacion correcta es:
http://www.hernansam.com/fotos/thumbnails/1.jpg

Solo haz el cambio anterior y deberia funcionarte.
  #3 (permalink)  
Antiguo 05/03/2008, 13:03
Avatar de hernansam  
Fecha de Ingreso: septiembre-2007
Ubicación: Funes , Argentina
Mensajes: 203
Antigüedad: 10 años, 3 meses
Puntos: 0
Re: no visualizo thumbnails en galeria de imagenes

Gracias era lo que me decias , problema solucionado otra vez gracias
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:59.