OnMouseover
图像是我从自定义元框获取的,OnMouseout
图像是特色图像。
这是我的代码:
$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].'" />
一切正常,但需要时间才能显示图像。
最佳答案
此问题可能是由于加载资源的延迟造成的。为了解决这个问题,您可以通过在 JavaScript 中加载图像来缓存 URL 上的图像,如下所示:
function preloadImage(url)
{
var img=new Image();
img.src=url;
}
preloadImage($him[0]);
preloadImage($image_full[0]);
如果图像不是动态的,您还可以使用 CSS 预加载它们。有关此的更多信息可以在这里找到:CSS3 image preloading
关于javascript - onmouseover 需要时间来显示图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40345716/