Estimados amigos,
Desde hace unas semanas venimos observando un comportamiento extraño en algunas de las imágenes de nuestra web. Es un WP y utilizamos CloudFlare + Amazon S3 y Cloudfront.
De forma aleatoria, algunas de las imágenes de los post aparecen con el texto del alt. y sin la fotografía. El enlace está bien y funciona, de hecho si se hace clic sobre la foto, el lightbox aparece con la foto correspondiente.
Un ejemplo: http://www.agente-k.com/lookbook-pepe-jeans-london-coleccion-mujer-primavera-verano-2015/
Veréis como algunas fotos están pero otras aparece el alt. Haciendo clic sobre ellas se muestran de forma correcta.
También sucede con los thumbnails de detalles de categorías, búsquedas, etc: http://www.agente-k.com/tag/lookbook/
¿Sabéis a qué puede ser debido? Es algo que antes no nos ocurría...
Un saludo y Feliz Año!!
Hola,
Verifico el código y las rutas de la imagen son correctas, utilizas algún plugin para este lightbox?
Es posible que este sea el problema.
Gracias por tu respuesta,
Sí utilizamos un plugin para lightbox (foobox) pero el lightbox funciona correctamente. De hecho si haces clic sobre una foto de un post en el que no aparezca la imagen y sólo salga el texto alt. verás que la foto sí se muestra en el lightbox de forma correcta.
¿Quieres decir que éste puede ser el motivo por el que los thumbnails y las fotos no aparecen en el detalle de noticias, categorías, post relacionados e incluso el detalle del post en cuestión cuando ya están en Amazon Cloudfront?
Por otro lado, la ruta especificada en la opción medios del WordPress es: /home/agentekc/public_html/wp-content/uploads (¿puede tener algo que ver?).
Agradeciendo de antemano tu atención, recibe un saludo...
Hola,
Tras acceder a la ruta que nos comentas => http://www.agente-k.com/lookbook-pepe-jeans-london-coleccion-mujer-primavera-verano-2015/
Visualizamos correctamente todas las imágenes, podrías envíanos alguna captura de pantalla de alguna imagen que no se visualice correctamente e indíquenos la url de la página que visualiza para que podamos revisar lo que comentas.
https://guias.webempresa.com/preguntas-frecuentes/captura-de-pantalla/
Saludos
Hola Julen,
Os paso estas capturas de pantalla. El error lo podéis ver en la misma home de la web: www.agente-k.com.
Si hacéis scroll y vais cargando noticias anteriores, veréis que llega un momento que los thumbnails aparecen en negro y con el texto alt. (son las imágenes que están en Amazon y ya no están en el servidor de webempresa).
En este enlace podréis ver lo que os comento: http://www.agente-k.com/tag/consejos-de-belleza/
En esta Url podéis ver cómo sí aparece la imagen destacada (que también está en Amazon), y cómo las otras imágenes aparecen en blanco con el texto alt. Haciendo clic sobre ellas, el lightbox muestra la foto de forma correcta: http://www.agente-k.com/sorprendele-el-dia-del-padre-con-este-menu-saludable/
No lo sé con certeza pero puede que el error se produjera cuando se introdujo la ruta "/home/agentekc/public_html/wp-content/uploads" en la opción de guardar archivos subidos en el apartado medios del WordPress ¿Podría tener algo que ver?
Gracias por vuestra ayuda...
Hola,
Como puedes ver en la imagen que te adjunto, veo correctamente todas las imágenes de tu sitio web:
Prueba a limpiar la cache de tu navegador y verifica de nuevo el sitio web, sigue las siguientes instrucciones para vaciar la cache de tu navegador:
https://guias.webempresa.com/preguntas-frecuentes/limpiar-la-cache-del-navegador/
Del mismo modo, es recomendable que pruebes el comportamiento desde distintos equipos y navegadores, ya que posiblemente el problema que estas teniendo esta relacionado con tu navegador.
Saludos
Hola Julen,
Te comento. He limpiado caché del navegador y nada, sigue igual. De hecho lo he probado en un ordenador que nunca había abierto la página web y sucede lo mismo. La captura de scroll que me envías muestra las imágenes pero si sigues cargando más noticias antiguas (haciendo scroll), llega un momento en que no carga las fotos y aparece el alt. text.
Te paso una captura de pantalla... No sé si a ti te sucede lo mismo, son los post anteriores a diciembre de 2015 (por ejemplo).
Gracias una vez más...
Hola,
Analizando el código veo que dependiendo del navegador el funcionamiento que presenta la carga de las imágenes es distinto. Por ejemplo, en Chrome veo que me cargan todas las imágenes, pero lo hacen con una resolución menor de la esperada.
En el caso de Firefox, se produce un error como el que comentabas en respuestas anteriores. He revisado el código y parece que esto ocurre porque no encuentra la imagen alojada directamente en tu web.
Tendrías que consultar el tema con el servicio que están utilizando para cargar las imágenes desde fuera del servidor, ya que está fallando.
Hola Pablo,
Gracias por la respuesta. Utilizamos W3 Total Cache (la opción de CDN) para conectar el site con el Cloudfront de Amazon.
Consultaremos con ellos a ver si encontramos solución.
Gracias!