좌우 슬라이딩 버튼을 달고 싶어요.
본문
현재 부족한 실력으로 여기까지 만들었습니다.
여기서 위와같이 이미지 좌우에 검은색 화살표로 되어있는 수동으로 옮길 수 있는 버튼을 만들고 싶은데 불가능할까요?
현재 http://www.namandong.co.kr 주소입니다.
메인페이지 테마가 아래 respond.min.js 스크립트를 참조했네요.
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<script>
$(document).ready(function () {
$('.bxslider').bxSlider({
pager: true
, pause: 3500
, auto: true
, controls: true
});
});
</script>
답변 3
참고된 js 스크립트가 다른 것 같습니다. 모두 통째로 변경이 어려운 것 같아요.
메인페이지에 아래 스크립트를 많이 쓰는 것 같아요.
왠지 아래 스크립트 안에 어떤 기능을 활성화 시키면 될 것 같은데 잘 모르겠네요.
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
$(document).ready(function () {
$('.bxslider').bxSlider({
mode: 'horizontal', // 좌우 슬라이딩으로 변경
pager: true,
pause: 3500,
auto: true,
controls: true
});
});
이렇게 변경해보세요~
조언 너무 감사합니다. 그런데 안되네요. ㅜㅜ
메인페이지 배너 이미지 왼쪽 중앙에 마우스를 올려놓으면 손모양이 나오는데 그것을 누르면 넘어가거든요. 왠지 거기 투명 버튼이 모여있는 것 같은 느낌이 드는데요. 헌데 이미지가 없네요.
<script>
$(document).ready(function(){
$('.bxslider').bxSlider({
controls: true // 컨트롤 버튼 추가
});
});
</script>
자바스크립트를 이렇게 수정해 보세요
조언 너무 감사합니다. 그런데 안되네요. ㅜㅜ
메인페이지 배너 이미지 왼쪽 중앙에 마우스를 올려놓으면 손모양이 나오는데 그것을 누르면 넘어가거든요. 왠지 거기 투명 버튼이 모여있는 것 같은 느낌이 드는데요. 헌데 이미지가 없네요.
