■ 배너 | 판다씨[ no21 ] - 커버형 멀티 팝업창 : 700 * free |
---|---|
■ 소스 위치 |
/_sp/_layout/popup.html 파일 18줄 (※ 기존소스에서 수정하신 내용이 있다면 차이가 있을 수 있습니다.) |
■ 기존소스 |
<div fix id="sp-popup" class="sp-full sp-cookie-outer" module="bannermanage2_display_번호">
(※ 기존소스에서 수정하신 내용이 있다면 차이가 있을 수 있습니다.)
<ul> <li> <div class="sp-popup-inside" style="width:700px;"> <!--슬라이더--> <div class="sp-slider sp-slider-fixed sp-pager-hover sp-arrow-hover" data-mode="vertical" data-pause="3000" data-pager="sp-slider-custom-pager"> <button class="sp-cookie" data-type="off" data-name="sp-popup" data-pause="1000"><p><span class="sp-mos">오늘 하루 열지않기</span></p></button> <ul class="sp-slider-arrow sp-xlarge sp-circle-white sp-inside"><p></p></ul> <ul class="bxslider"> <li class="sp-slider-custom-element" data-title="{$title}"><a href="{$href}" {$target}>{$banner}</a></li> <li class="sp-slider-custom-element" data-title="{$title}"><a href="{$href}" {$target}>{$banner}</a></li> </ul> <div class="sp-slider-custom-pager"></div> </div><!--//종료--> </div> </li> </ul> </div><div fix id="sp-popup-open"><button>팝업<br />보기</button></div> |
■ 소스 수정 |
|
■ 수정된 소스 예시 |
<div fix id="sp-popup" class="sp-full sp-cookie-outer">
<ul> <li> <div class="sp-popup-inside" style="width:700px;"> <!--슬라이더--> <div class="sp-slider sp-slider-fixed sp-pager-hover sp-arrow-hover" data-mode="vertical" data-pause="3000" data-pager="sp-slider-custom-pager"> <button class="sp-cookie" data-type="off" data-name="sp-popup" data-pause="1000"><p><span class="sp-mos">오늘 하루 열지않기</span></p></button> <ul class="sp-slider-arrow sp-xlarge sp-circle-white sp-inside"><p></p></ul> <ul class="bxslider"> <li class="sp-slider-custom-element" data-title="팝업명01"><a href="/index.html"><img src="/_img/no21/banner/01/01.jpg" /></a></li> <li class="sp-slider-custom-element" data-title="팝업명02"><a href="/index.html"><img src="/_img/no21/banner/01/02.jpg" /></a></li> <li class="sp-slider-custom-element" data-title="팝업명03"><a href="/index.html"><img src="/_img/no21/banner/01/03.jpg" /></a></li> <li class="sp-slider-custom-element" data-title="팝업명04"><a href="/index.html"><img src="/_img/no21/banner/01/04.jpg" /></a></li> </ul> <div class="sp-slider-custom-pager"></div> </div><!--//종료--> </div> </li> </ul> </div><div fix id="sp-popup-open"><button>팝업<br />보기</button></div> |
■ 수정 예시 영상 |