|
2016-03-27 14:49
조회: 7,804
추천: 2
[미립자팁] 순차이미지 보이기 데이터 절약버전인장에 많은 이미지가 들어갈 경우, 아무래도 페이지가 뜨는데 시간이 오래걸리는 단점이 있고, 이에 따라서 해당 인장이 있는 글을 보는 것에 불편해하는 분들도 계시죠. 그래서 연구해봤습니다. 순차적으로 로테이션되는 이미지의 경우 최초의 첫 이미지만 보여주고 이후엔 클릭할 때 마다 불러와서 보여주는 것이죠. 예제는 위의 그림입니다. ---- 이하 예제 코드 ---- <div data-inven-click-css="{'_SELF_':[{'backgroundImage':'url(https://upload2.inven.co.kr/upload/2016/03/26/bbs/thumb/n10764128068.jpg)'},{'backgroundImage':'url(https://upload2.inven.co.kr/upload/2016/03/26/bbs/thumb/n11060810358.jpg)'},{'backgroundImage':'url(https://upload2.inven.co.kr/upload/2016/03/22/bbs/thumb/n11034515160.png)'}]}" style="width:119px;height:83px;background: transparent url('https://upload2.inven.co.kr/upload/2016/03/26/bbs/thumb/n12885383488.png') left top no-repeat;background-size:cover;"> </div> |
