onmouseoverに画像を表示する時間がかかります

Question

OnMouseover image私はカスタムメタボックスから取得しており、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でそれをロードすることによってURLで画像をキャッシュすることができます

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

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

画像がダイナミックでない場合は、あなたも使用してそれらをプリロードすることができますCSS。この詳細については、こちらをご覧ください：CSS3 image preloading