Question

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].'"  />

一切正常，但需要时间来展示形象。

Answer 1

此问题可能是由于加载资源的延迟造成的。为了解决这个问题，您可以通过在JavaScript中加载图像来缓存图像，如下所示：

function preloadImage(url)
{
    var img=new Image();
    img.src=url;
}

preloadImage($him[0]);
preloadImage($image_full[0]);

如果图像不是动态的，您也可以使用CSS预加载它们。有关这方面的更多信息，请访问：CSS3 image preloading

onmouseover花时间显示图像

1 个答案: