은 블라 플러그인과 부하에 낮은 resolutiion 품질의 이미지로 이미지를 바꾸이 데모에서

1.3 : 저해상도 이미지 자리 표시 자와 게으른로드 이미지 예를

블레이지 플러그인은 낮은 품질의 pixely 이미지를 사용하여 이미지를 미리로드 한 다음 바로 고품질 이미지를 제공합니다.

나는 그것이 어떻게 행해지는지 이해할 수 없다. pixely 이미지는 어디서 오는가? 이미지와 동일한 효과를 얻는 방법은 무엇입니까? 품질을 먼저 낮추고 올바른 크기를로드 하시겠습니까? 브라우저가 자바 스크립트를 실행 저해상도 버전을로드 한 후

<img src='lowres.jpg' id='sampleImage' 
onLoad='javascript:this.src = "highres.jpg"' />

및 고해상도 이미지를로드하고, 낮은 해상도를 바꾸

pixely 이미지는'src' 속성에서 나오고, 고해상도는'data-src' 속성에 저장됩니다. – yuriy636

당신은 그런 일을 사용할 수 있습니다.

2017-09-06 21:34:43 ThoriumBR

인라인으로 만들려면 (나쁜 습관)'img' 엘리먼트를'this'로 참조하십시오 :'onLoad = 'this.src = "highres.jpg"'' – yuriy636

@ yuriy636 it 's 그것이 어떻게 행해질 수 있는지 보여주는 제한된 샘플. OP는 이미지를 변경하는 기능을 사용해야합니다. 'this.src'에 대한 감사, 나는 그것을 잊었습니다 ... – ThoriumBR

답변