테스트 사이트 - 개발 중인 베타 버전입니다

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

firsttiemuser 9년 전 조회 6,932

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

 

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

 

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

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
플라이
9년 전

http://blog.naver.com/phpiyagi?Redirect=Log&logNo=220463380495">http://blog.naver.com/phpiyagi?Redirect=Log&logNo=220463380495

 

이런 슬라이드를 수정해서 작업하면 가능할거 같아서 참고하시라고 링크해 드립니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

배추빌더를 잘 몰라서 설치해봐야 알겠지만 

 

보통은 mw_slider 라는 슬라이더 안에

 

옵션으로 좌, 우 버튼이 들어있을겁니다.

참고할만한 사이트를 알려주신다면 봐드리겠습니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

f
firsttiemuser
9년 전
답변 감사합니다. mw_slider를 찾아보니 별도의 옵션은 없는것같습니다.
슬라이드를 볼 수 있는 사이트는 miwit.kr 입니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인