메인화면 이미지 슬라이드 - 이전, 다음 화살표 기능

firsttiemuser

2016-10-17 (월) 17:16:55 7,402

아래는 현재 사용하고 있는 배추빌더5의 메인화면 이미지 슬라이드입니다.

여기에 왼쪽 오른쪽 화살표를 추가해 이전/다음 이미지로 수동으로 넘어가게 하고싶은데 참고할만한 팁이나 올라와있는 자료가 있을까요?

Copy

<?php $slide = array();$slide[] = array("url"=>"http://google.com", "target"=>"_blank", "img"=>G5_THEME_URL."/img/1.jpg");$slide[] = array("url"=>"http://facebook.com", "target"=>"_blank", "img"=>G5_THEME_URL."/img/2.jpg");$slide[] = array("url"=>"http://twitter.com", "target"=>"_blank", "img"=>G5_THEME_URL."/img/3.jpg"); shuffle($slide);?> <style>.banner { width:728px; height:360px; position:relative; overflow:hidden; margin:0 0 10px 0; }.banner ul { position:absolute; margin:0; padding:0; list-style:none; font-size:0; }.banner ul li { margin:0; padding:0; list-style:none; }</style> <div class="banner"><ul>    <?php    foreach ($slide as $item) {        printf('<li><a href="%s" target="%s"><img src="%s"></a></li>'.PHP_EOL, $item['url'], $item['target'], $item['img']);    }    ?></ul></div> <script>$(document).ready(function() {    $(".banner").mw_slider({        way:"left",        delay:3000,    });});</script>