차이
문서의 선택한 두 판 사이의 차이를 보여줍니다.
| 양쪽 이전 판이전 판다음 판 | 이전 판 |
| tech:lazy_load [2014/09/11 17:22] – V_L | tech:lazy_load [2016/07/12 00:56] (현재) – 바깥 편집 127.0.0.1 |
|---|
| | {{tag>lazy load image delayed 서버 그림 사진 jquery}} |
| ======현재 화면에 보이는 그림만 읽어들이기 (Lazy Load)====== | ======현재 화면에 보이는 그림만 읽어들이기 (Lazy Load)====== |
| |
| 대신 img 태그를 수정해야 한다. | 대신 img 태그를 수정해야 한다. |
| |
| | <file html> |
| | <img class="lazy" data-original="img/example.jpg" width="765" height="574"> |
| | </file> |
| |
| * [[http://www.appelsiini.net/projects/lazyload|Lazy Load Plugin for jQuery 이거다..]] | * [[http://www.appelsiini.net/projects/lazyload|Lazy Load Plugin for jQuery 이거다..]] |
| |
| |
| * thresold : 100 이미지가 표시되기 100픽셀 이전부터 이미지를 로딩하기. | * threshold : 100 이미지가 표시되기 100픽셀 이전부터 이미지를 로딩하기. |
| * placeholder : 'img/loading_spinner.gif' 지연로딩(Lazy Loading)전에 이미지를 loading_spinner.gif로 표시해둔다. | * placeholder : 'img/loading_spinner.gif' 지연로딩(Lazy Loading)전에 이미지를 loading_spinner.gif로 표시해둔다. |
| * event : 'click' 해당 이미지는 'click'을 해야만 이미지가 로딩된다. | * event : 'click' 해당 이미지는 'click'을 해야만 이미지가 로딩된다. |
| ^ 누구나 수정하실 수 있습니다. [[http://vaslor.net/syntax|위키 사용법]] 참고하세요. ^ | ^ 누구나 수정하실 수 있습니다. [[http://vaslor.net/syntax|위키 사용법]] 참고하세요. ^ |
| |
| {{tag>lazy load image delayed 서버 그림 사진 jquery}} | |
