'Nakhi'님의 소중한 의견 감사합니다.

말씀해 주신 인장의 "클릭 시 해당 이미지가 크게 표시"되는 샘플 소스 입니다.

좋은 아이디어나 기능에 대한 의견이 있으시면
언제든지 인벤 스크립트 게시판을 이용해 주세요.

감사합니다.


□ 실제 사용 예시





□ 코드 소스
<a href="#" data-inven-click-css="
{'ev-click-img':{'background':'url(http://static.inven.co.kr/column/2015/11/11/news/i13437968781.jpg)', 'background-repeat':'no-repeat', 'background-size':'449px 400px'}}">
<img style="max-width:50px; max-height:50px;" src="http://static.inven.co.kr/column/2015/11/11/news/i13437968781.jpg">
</a>
<a href="#" data-inven-click-css="
{'ev-click-img':{'background':'url(http://static.inven.co.kr/column/2015/11/11/news/i13477508238.jpg)', 'background-repeat':'no-repeat', 'background-size':'449px 400px'}}">
<img style="max-width:50px; max-height:50px;" src="http://static.inven.co.kr/column/2015/11/11/news/i13477508238.jpg">
</a>
<a href="#" data-inven-click-css="
{'ev-click-img':{'background':'url(http://static.inven.co.kr/column/2015/11/11/news/i13494117394.jpg)', 'background-repeat':'no-repeat', 'background-size':'449px 400px'}}">
<img style="max-width:50px; max-height:50px;" src="http://static.inven.co.kr/column/2015/11/11/news/i13494117394.jpg">
</a>
<a href="#" data-inven-click-css="
{'ev-click-img':{'background':'url(http://static.inven.co.kr/column/2015/11/11/news/i13495192888.jpg)', 'background-repeat':'no-repeat', 'background-size':'449px 400px'}}">
<img style="max-width:50px; max-height:50px;" src="http://static.inven.co.kr/column/2015/11/11/news/i13495192888.jpg">
</a>
<a href="#" data-inven-click-css="
{'ev-click-img':{'background':'url(http://static.inven.co.kr/column/2015/11/11/news/i13461831271.png)', 'background-repeat':'no-repeat', 'background-size':'449px 400px'}}">
<img style="max-width:50px; max-height:50px;" src="http://static.inven.co.kr/column/2015/11/11/news/i13461831271.png">
</a>
<a href="#" data-inven-click-css="
{'ev-click-img':{'background':'url(http://static.inven.co.kr/column/2015/11/11/news/i13463719191.gif)', 'background-repeat':'no-repeat', 'background-size':'449px 400px'}}">
<img style="max-width:50px; max-height:50px;" src="http://static.inven.co.kr/column/2015/11/11/news/i13463719191.gif">
</a>
<a href="#" data-inven-click-css="
{'ev-click-img':{'background':'url(http://static.inven.co.kr/column/2015/11/11/news/i13499166694.png)', 'background-repeat':'no-repeat', 'background-size':'449px 400px'}}">
<img style="max-width:50px; max-height:50px;" src="http://static.inven.co.kr/column/2015/11/11/news/i13499166694.png">
</a><br><br>

<div data-inven-id="ev-click-img" style="border: 1px solid rgb(211, 178, 255);background-color: rgba(235, 245, 244, 1);width: 449px;height: 400px;"></div>