그누보드 QA - 메인화면 이미지 슬라이드

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

firsttiemuser 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2016.10.17 17:16:55 조회 6591 (118.♡.♡.245)

본문

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

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


<?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>