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
Guarde en caché sus imágenes si desea que se carguen más rápido al pasar el mouse por encima. Cómo aprovechar el almacenamiento en caché del navegador: varvy.com/pagespeed/leverage-browser-caching.html
– Korgrue
31/10/2016 a las 15:59