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

이 문제는 리소스로드 지연으로 인한 것일 수 있습니다. 이미지가 동적하지 않은 경우

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

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

, 당신은 또한 사용하여 미리로드 :이 돕기 위해, 다음과 같은 뭔가 자바 스크립트를로드하여 URL에서 이미지를 캐시 할 수 있습니다 CSS. 이에 대한 자세한 내용은 여기를 참조하십시오. CSS3 image preloading