JPG로드를 호버에서만 어떻게 만드나요?

Question

JavaScript없이 브라우저가 호버 (CSS)에서만 JPG 이미지를로드하도록 만들 수 있습니까?

Answer 1

의 종류, 기본 상태에는 background-url이없는 한 다음 작동 후 :hover 상태에서 background-url이, 그리고 실제로 다운로드가 :hover가되지 전에 시작되면합니다. 그러나 당신이 알지 못한다면 여전히 당신은 그것을 얻지 않고 height & 값을 javascript없이 손에 넣지 마십시오.

JSFiddle

Answer 2

당신은 호버 의사 선택에 background: url(myimagelocation/myimage.jpg)를 사용할 수 있습니다.

예.

.mybox { 
<!-- make sure you allow enough spatial dimensions here. --> 
} 
.mybox:hover { 
background: url('http://placehold.it/200x200'); 
}