그누보드 QA - 메인화면 이미지 좌우 이동시키는 스크립트 알려주세요.

메인화면 이미지 좌우 이동시키는 스크립트 알려주세요.

김태현Tabby 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

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

2023.07.13 11:06:31 조회 1578 (183.♡.♡.179)

본문

아래와 같이 이미지 옆에 좌우로 이동할 수 있는 버튼과

아래 점표시처럼 나오도록 만드려면 어떻게 스크립트를 작성해야 하나요.

#그누보드5 #php #자바스크립트

답변 3

조나단입니다 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2023-07-13 13:43:10 220.♡.♡.212

swiper 라이브러리를 이용해보세요.

https://swiperjs.com/get-started#use-swiper-from-cdn

↳ 김태현Tabby 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2023-07-14 06:06:19183.♡.♡.179

답변 감사합니다. 이미 좌우 슬라이딩은 되고 있답니다.

제가 질문한 내용은

제 위의 사이트 경우 좌우 누르는 버튼이 있고, 아래 하단에 점같이 이동 페이지를 표시해주는 부분이 있는데

제 경우는 없어서요.

혹시 좌우 버튼과 아래 점같이 생겨서 이동 페이지 표시하는 부분을 스크립트로 표시할 수 있을까? 싶어 질문드렸습니다.

피라미드 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2023-07-13 11:41:28 123.♡.♡.119

//좌우슬라이딩ㅋ
setInterval(function(){
    $('#slide1>ul').delay(2500);
    $('#slide1>ul').animate({marginLeft: "-1200px"})
    $('#slide1>ul').delay(2500);
    $('#slide1>ul').animate({marginLeft: "-2400px"})
    $('#slide1>ul').delay(2500);
    $('#slide1>ul').animate({marginLeft: "0px"})
});