■ 배너 | 판다씨[ no25 ] - 팝업창 디자인 300 * free |
---|---|
■ 소스 위치 |
/_sp/layout/floating/1/floating_1.html 파일 5줄 (※ 기존소스에서 수정하신 내용이 있다면 차이가 있을 수 있습니다.) |
■ 기존소스 |
<div module="bannermanage2_display_번호" class="sp-floating-inside">
(※ 기존소스에서 수정하신 내용이 있다면 차이가 있을 수 있습니다.)
<div class="sp-slider" data-horizontal="true" data-progress="in-round" data-speed="700" data-autoplayspeed="3000" data-custompaging="true" data-random="false" arrows="blk-hor-sm-in-11-hover" dots="popup"> <div class="sp-slider-loop" tt="{$title}"><a href="{$href}">{$banner}</a></div> <div class="sp-slider-loop" tt="{$title}"><a href="{$href}">{$banner}</a></div> </div> <button class="sp-close"></button> </div> |
■ 소스 수정 |
|
■ 수정된 소스 예시 |
<div class="sp-floating-inside">
<div class="sp-slider" data-horizontal="true" data-progress="in-round" data-speed="700" data-autoplayspeed="3000" data-custompaging="true" data-random="false" arrows="blk-hor-sm-in-11-hover" dots="popup"> <div class="sp-slider-loop" tt="팝업명01"><a href="/index.html"><img src="/_img/no25/banner/07/01.png" /></a></div> <div class="sp-slider-loop" tt="팝업명02"><a href="/index.html"><img src="/_img/no25/banner/07/02.png" /></a></div> <div class="sp-slider-loop" tt="팝업명03"><a href="/index.html"><img src="/_img/no25/banner/07/03.png" /></a></div> <div class="sp-slider-loop" tt="팝업명04"><a href="/index.html"><img src="/_img/no25/banner/07/04.png" /></a></div> <div class="sp-slider-loop" tt="팝업명05"><a href="/index.html"><img src="/_img/no25/banner/07/05.png" /></a></div> <div class="sp-slider-loop" tt="팝업명06"><a href="/index.html"><img src="/_img/no25/banner/07/06.png" /></a></div> </div> <button class="sp-close"></button> </div> |
■ 수정 예시 영상 |