인프런 커뮤니티 질문&답변

막깨비님의 프로필 이미지
막깨비

작성한 질문수

반응형 웹사이트 포트폴리오(App Official Landing Website)

강의다 듣고 슬라이더 작동부분에 대한 질문입니다.

작성

·

194

1

해당사이트는 슬라이드 모양이 저렇게 되어있는데.. 저게 누르면 버튼이 스타트버튼으로 바뀌게 되어있고..

1/16숫자는 2/16 3/16이렇게 바뀌더라고요.ㅠㅠ 옵션 아무리 찾아봐도 힘들어서 1주일째 방치중인데 혹시 방법이 없나요

제 코드는 현재 이렇게 되어있는 상태입니다. 작동은 하는데 저게 겹쳐서 작동을 안하네요 ㅠㅠ 유튜브, 구글 모든걸 다 검색해도 저걸 겹치게해서 작동하는게 없어서 질문 올립니다.

강의와 관련있는 질문을 남겨주세요.
• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)
• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)
서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등)

질문 전달에도 요령이 필요합니다.
• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.
• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.
• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. 
• 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요!

구체적인 질문일수록 명확한 답을 받을 수 있어요.
• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.
• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.
• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다.

기본적인 예의를 지켜주세요.
• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. 
• 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. 
반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다. 

답변 1

0

지금 강좌에서는 슬릭 슬라이더를 사용했는데 질문하신 내용의 UI를 보니까 아마도 BX slider인 듯 합니다.

저도  BX slider는 사용을 해보지 않아서 아래 BX slider 공식사이트에서 비슷한 UI 슬라이더 옵션이 있으니 그 부분을 살펴보시는게 좋을 듯 합니다.

https://bxslider.com/examples/auto-show-start-stop-controls/

다시보니 인프런 메인 슬라이더랑 거의 똑같이 생겼네요.

인프런은 Swiper slider를 사용했습니다.

https://swiperjs.com/demos

막깨비님의 프로필 이미지
막깨비
질문자

넵 감사합니다. 아직 좀 부족한거같아서. 반응형 웹사이트 중급강좌도 오늘 결제해서 이거 다 듣고 다시 작업 진행하려고요 ㅠㅠ 클론코딩하려니 확실히 어렵네요..ㅠㅠ 

막깨비님의 프로필 이미지
막깨비
질문자

감사합니다. bx-slider라는걸 말씀 안드렸네요 ㅎㅎ 비슷 한건지 알고 죄송합니다 ㅠㅠ

아닙니다. 그런데 이번 질문은 제가 도움을 못 드렸네요ㅜㅜ

막깨비님의 프로필 이미지
막깨비

작성한 질문수

질문하기