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

좌우 슬라이딩 버튼을 달고 싶어요. 채택완료

김태현Tabby 1년 전 조회 1,897

 

현재 부족한 실력으로 여기까지 만들었습니다. 

 

http://www.namandong.co.kr

 

http://sir.kr/data/editor/2402/2038260588_1707793253.7809.png" />

 

여기서 위와같이 이미지 좌우에 검은색 화살표로 되어있는 수동으로 옮길 수 있는 버튼을 만들고 싶은데 불가능할까요?

 

현재 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개

채택된 답변
+20 포인트

https://codesandbox.io/p/sandbox/rldv3x?file=%2Findex.html

위 예제 참고하셔서

 

 

이전,다음 버튼을 활성화 하세요.

 

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

답변에 대한 댓글 1개

김태현Tabby
1년 전
참고된 js 스크립트가 다른 것 같습니다. 모두 통째로 변경이 어려운 것 같아요.
메인페이지에 아래 스크립트를 많이 쓰는 것 같아요.
왠지 아래 스크립트 안에 어떤 기능을 활성화 시키면 될 것 같은데 잘 모르겠네요.

<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

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

WOODIsoft
1년 전

$(document).ready(function () {
  $('.bxslider').bxSlider({
    mode: 'horizontal', // 좌우 슬라이딩으로 변경
    pager: true,
    pause: 3500,
    auto: true,
    controls: true
  });
});


이렇게 변경해보세요~

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

답변에 대한 댓글 1개

김태현Tabby
1년 전
조언 너무 감사합니다. 그런데 안되네요. ㅜㅜ
메인페이지 배너 이미지 왼쪽 중앙에 마우스를 올려놓으면 손모양이 나오는데 그것을 누르면 넘어가거든요. 왠지 거기 투명 버튼이 모여있는 것 같은 느낌이 드는데요. 헌데 이미지가 없네요.

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

<script>
  $(document).ready(function(){
    $('.bxslider').bxSlider({
      controls: true // 컨트롤 버튼 추가
    });
  });
</script>

자바스크립트를 이렇게 수정해 보세요

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

답변에 대한 댓글 1개

김태현Tabby
1년 전
조언 너무 감사합니다. 그런데 안되네요. ㅜㅜ
메인페이지 배너 이미지 왼쪽 중앙에 마우스를 올려놓으면 손모양이 나오는데 그것을 누르면 넘어가거든요. 왠지 거기 투명 버튼이 모여있는 것 같은 느낌이 드는데요. 헌데 이미지가 없네요.

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

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

로그인