en onmouseover tomando tiempo para mostrar la imagen

1 minuto de lectura

en onmouseover tomando tiempo para mostrar la imagen
kanon chowdhury

OnMouseover imagen que obtengo del cuadro meta personalizado y OnMouseout la imagen es la imagen destacada.

Aquí está mi código:

$image_full = wp_get_attachment_image_src(get_post_thumbnail_id($postid), 'full');
$him = $post_meta['_hover_image'];
<img onmouseover="this.src=\'' .$him[0]. '\'"
     onmouseout="this.src=\''.$image_full[0].'\'" src="'.$image_full[0].'"  />

Todo funciona bien, pero toma tiempo para mostrar la imagen.

Es probable que este problema se deba a la demora en cargar el recurso. Para ayudar con esto, puede almacenar en caché la imagen en la URL cargándola en JavaScript con algo como lo siguiente:

function preloadImage(url)
{
    var img=new Image();
    img.src=url;
}

preloadImage($him[0]);
preloadImage($image_full[0]);

Si las imágenes no son dinámicas, también puedes precargarlas usando CSS. Más información sobre esto se puede encontrar aquí: Precarga de imagen CSS3

¿Ha sido útil esta solución?

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad