Solo lectura

Google Chrome - Foro de ayuda

Esta página web es un archivo de los hilos antiguos de los foros de Google. Más información

Google Chrome no muestra algunas imágenes en una web

Lorena Cantos
1/02/18 1:23
¡Hola! 

Tengo un problema con la visualizacion de determinadas imagenes de una web hecha con WordPress en Google Chrome. 

He probado de todo:
- Borrar caché y cookies desde el navegador
- Borrar caché de servidor
- Desactivar plugins
- Instalar plugins que ayuden a limpiar la caché

Despues de hacer todo lo anterior, he podido comprobar que puedo ver la web correctamente en todos los navegadores (Opera, Firefox, Explorer y safari) excepto en Chrome. 

Como dato curioso, os diré que las imágenes se muestran durante una milésima de segundo y luego desaparecen.

¿que opinais? Agradezco muchisimo vuestra ayuda y vuestro tiempo

Gracias

Respuestas (6)

avm99963
1/02/18 1:59
¡Hola Lorena!

La verdad es que sin un enlace a la página web para poder intentar reproducir nosotros el mismo error que tienes sería difícil saber qué causa este problema, porque podría haber muchísimas causas.

Por eso, ¿nos podrías compartir el enlace a la página web en caso que sea pública? También nos lo puedes mandar por privado si no quieres dejarlo públicamente.

Saludos :-)

Para continuar con la conversación, debes regresar al Foro.
Las respuestas por correo electrónico no llegan  Acceder al hilo
Lorena Cantos
1/02/18 2:02
Hola avm99963! Gracias por tu rapida respuesta.

Efectivamente, no puse el enlace. ¿Como puedo hacer para enviarlo por privado?
Gracias
avm99963
1/02/18 2:49
¡Hola de nuevo!

Vale, pues en un momento te envío un mensaje por privado donde me podrás contestar y me envías por allí el enlace.

Saludos :-)
Lorena Cantos
5/02/18 1:42
¡Hola! ¿Alguna idea de dónde puede estar el error? Agradecería enormemente vuestra ayuda. 
avm99963
5/02/18 11:41
¡Hola!

Perdona que tardara tanto en contestar, se me pasó responder.

El problema radica en que el tema de tu página web/blog usa una librería de JQuery llamada Viewport Checker que está desactualizada. Esta librería detecta cuando un elemento aparece por primera vez en la pantalla, y de esta manera es como el tema aplica una animación a las imágenes, que hace que aparezcan con un efecto de fundido cuando el usuario hace scroll hasta llegar a ellas (y como en Chrome no funciona, el fundido no ocurre y las imágenes se continúan quedando ocultas).

Tienes la versión 1.7.4 de Viewport Checker pero la actual es la 1.8.8, que incluye un arreglo para este problema.[1]

La verdad es que no controlo mucho de Wordpress, pero este problema se podría solucionar de dos maneras:
  1. Actualizando la librería de Viewport Checker: no conozco Wordpress con profundidad, pero si tienes alguna manera de poder editar manualmente el archivo wp-content/themes/maxblog/maxblog/lib/extend-lib/js/extend-lib.js (que es del tema), se podría solucionar eliminando la parte del código en el que se encuentra la librería y reemplazándolo con el código actualizado.
Se debe eliminar todo desde la línea 250 hasta la línea 374, es decir, todo el siguiente código (el código de en medio que lo he reemplazado con el símbolo [...] porque hay demasiadas líneas):

/*
 Version 1.7.4
 The MIT License (MIT)


 Copyright (c) 2014 Dirk Groenen


 Permission is hereby granted, free of charge, to any person obtaining a copy of
 this software and associated documentation files (the "Software"), to deal in
 the Software without restriction, including without limitation the rights to
 use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
 the Software, and to permit persons to whom the Software is furnished to do so,
 subject to the following conditions:


 The above copyright notice and this permission notice shall be included in all
 copies or substantial portions of the Software.
 */

(function($){
    $
.fn.viewportChecker = function(useroptions){


[...]


       
// Default jquery plugin behaviour
       
return this;
   
};
})(jQuery);

Luego, en el lugar donde has eliminado el anterior código, se debe pegar el código que se puede encontrar en la siguiente página web (selecciona todo y copia y pega): https://raw.githubusercontent.com/dirkgroenen/jQuery-viewport-checker/master/dist/jquery.viewportchecker.min.js
  1. Desactivando la función de animación de las imágenes: desconozco como se hace esto en Wordpress, pero es otra solución viable. Básicamente cuando se carga la página principal, se incluye un código que configura varias funciones del tema. Una de las funciones activa la animación de las imágenes, y si la desactivamos solucionaremos este problema. En el código, la opción se llama tn_smooth_display. Si en el panel de control de Wordpress se puede desactivar esto en alguna parte de la configuración del tema o algo así, entonces desactívalo y esto debería solucionar el problema. En caso contrario, a lo mejor hay que editar manualmente la página. El código que se incluye en la página principal que te he comentado es el siguiente:
<script type="text/javascript">
/* <![CDATA[ */
var tn_big_slider_data = {"tnslider_big_5a78acba4781c":{"animation":"slide","sync":"#tnslider_big_5a78acba485d2","type":"slider"},"tnslider_big_5a78acba485d2":{"animation":"slide","type":"carousel","id":"tnslider_big_5a78acba485d2","asNavFor":"#tnslider_big_5a78acba4781c"}};
var tn_to_top = "1";
var tn_smooth_display = "1";
var tn_sticky_navigation = "1";
var tn_sidebar_sticky_enable = "1";
var tn_ticker_title = "NOTICIAS";
var tn_rtl = [""];
var tn_smooth_scroll_data = "1";
var tn_close_mobile_menu_text = "close";
/* ]]> */
</script>

Deberías modificar la línea donde sale la opción tn_smooth_display para que sea 0:

var tn_smooth_display = "0";

Siento no poder ayudarte mejor pero no uso Wordpress y aunque esto que te digo solucionaría el problema, no sé el procedimiento exacto para hacerlo en Wordpress. Si no consigues hacer lo que te he comentado, dímelo e intentaré buscar a alguien que sepa más de Wordpress.

Saludos :-)

Lorena Cantos
13/02/18 0:46
¡Solucionado! Muchas gracias avm99963 por tu tiempo y tu ayuda. 

Finalmente el error residía en 
que el tema de mi página web usaba una librería de JQuery llamada Viewport Checker que estaba desactualizada. Actualicé y solucionado.

Muchas gracias nuevamente.