problemas de visualización elementos lightbox
2 seguidores
Saludos a todos/as, hace un tiempo que re diseñé mi web y me encontrado con un pequeño problema pero que me trae de cabeza. Se trata del lightbox adaptativo swipebox. A la hora de abrir las imágenes en el lightbox tengo un problema con la visualización de los elementos de avance, retroceso y salida del ligthbox, dichos elementos no se ven pero esto solo me ocurre en remoto, en local se ve correctamente.
¿a que puede ser debido este problema?
ejemplos swipebox
http://brutaldesign.github.io/swipebox/
web
http://www.rubenayucar.com/
Muchas gracias.
Ander
Creo que el problema viene por el SVG de los iconos. Comparando el tuyo con el del ejemplo no son iguales.
Yo probaría a volver a subir el fichero SVG original y ver si así carga.
Ayucar art and design
Saludos Ander, muchas gracias por tu respuesta. El ejemplo es el mismo solo que el swipebox en lugar de aparecer clicando en la imagen aparece clicando en el texto "take a look". La extensión de los iconos es png (no creo que eso tenga porque influir), es un poco raro, ya que funcionan correctamente el problema está solo en que no se visualizan. Voy a comprobar que todas las carpetas y archivos estén en su lugar, aunque lo dudo ya que los archivos están subidos tal cual los tengo en local.
Muchas gracias otra vez por tu respuesta.
Saludos!!
Ander
Hola Ruben,
Por lo que veo a más gente le pasa lo mismo que a ti: https://github.com/brutaldesign/swipebox/issues/55
Por defecto sobreescribe los iconos PNG cargando un fichero SVG y se ve que debe dar problemas en algunos servidores. La solución que comentan es eliminar las líneas 150-156 de jquery.swipebox.js.
Si te fijas en tu código le añade CSS en línea para añadir los ficheros SVG:
<a id="swipebox-close" style="background-image: url(http://www.rubenayucar.com/source/img/icons.svg);"></a>
Ayucar art and design
Hola otra vez, ya está solucionado el problema. Gracias por haberte tomado la molestia de echarme una mano. La solución esta en añadir "important!" en el archivo swipebox.css.
Mas vale que esto no ha sido problema del explorer porque creo que me habría costado un poco mas solucionarlo jejeje.
Muchas gracias.
Un saludo.