No se ve la cruz de cerrar foto en lightbox

Linton · #1 (**permalink**) 10/04/2013, 11:38

Me refiero a la que aparece abajo a la derecha para cerrar la imagen, en un lightbox. He probado con este script, sin problema en Notepad++ pero al subirlo a la web se ha "apagado" la cruz.

El caso es que está de alguna manera, porque el cursor se convierte en mano y puedo cerrar pulsando, aunque no se vea.

David · #2 (**permalink**) 10/04/2013, 11:47

Quizás no subiste la imagen al directorio correcto, verifica eso.

maycolalvarez · #3 (**permalink**) 10/04/2013, 11:49

revisa si la ruta hacia la imagen es correcta, si esa X se establece vía CSS recuerda que las rutas son relativas a la ubicación del CSS.

usar la consola de depuración como firebug te puede marcar el error de inmediato.

Linton · #4 (**permalink**) 10/04/2013, 11:54

La ruta es correcta, porque las flechas de anterior y siguiente están en el mismo archivo y sí se ven.

¡Gracias!

maycolalvarez · #5 (**permalink**) 10/04/2013, 12:33

ok, pero si sigue sin mostrar intenta:

-borrar la caché completa del navegador
-revisar a nivel de consola de depuración, si no hay error 404 hacia la imágen
-¿cual es el OS del servidor?: OS derivados de Unix como Linux son case-sensitive, y puede que la imágen tenga un carácter en mayúscula/minúscula y no concuerde con lo declarado en el código.
-probar en otro navegador, suele ocurrir aunque muy pocas veces, que sea ocultada o solapada la imagen, por ello es importante ver si desde la consola pueda verse, o verificar si hay otra regla CSS superior que la oculte.

Linton · #6 (**permalink**) 10/04/2013, 12:59

Muchas gracias, me pongo a revisar

Ya he borrado todo y sigue igual, en Explorer se ve el icono de foto rota.

David · #7 (**permalink**) 10/04/2013, 13:20

Para nosotros será más fácil ayudarte si indicas la URL de la página donde estás teniendo problemas.

nfo · #8 (**permalink**) 13/04/2013, 07:56

usa el firebug para que ver ruta te esta poniendo la imagen, y sobretodo revisa el css esa imagen esta metida desde el css

Linton · #9 (**permalink**) 13/04/2013, 09:21

No sé cómo hacerlo, si pongo el cursor sobre el sitio donde está la cruz no aparece nada en el Firebug, y si hago click lógicamente la foto se cierra

nfo · #10 (**permalink**) 13/04/2013, 09:25

con el inspector CRTL+Mayus+i en el firefox posicionate en la imagen de cierre ahi te dira la ruta de la imagen o que imagen esta cogiendo.

Linton · #11 (**permalink**) 13/04/2013, 09:35

Es el lb-close, y tiene esto en CSS:

Código CSS:

Ver original.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;}

¡Muchas gracias!