인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

이시훈님의 프로필 이미지
이시훈

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

확장선택자와 함께 가상클래스 checked 실전 퍼블리싱 03(탭 메뉴 콘텐츠 만들기)

탭 메뉴 활용 관련해서 질문드립니다.

작성

·

302

1

이제 이 수업을 기반으로 응용하여

opacity, silde 탭을 만들어 볼 수 있는데요

타 쇼핑몰이나 사이트를 보면 마우스로 잡아 끌었을때 이미지가 옆으로 넘어가고 그런 기능은 어쩔 수 없이 jquery로만 가능한 부분인가요?

답변 2

3

그건 마우스이벤트를 감지해야 하기 때문에 jquery 혹은 javascript(바닐라 js) 를 이용해서 만드셔야 해요!

쇼핑몰에서 swipe 기능으로 슬라이드를 옆으로 넘겼을 때 이미지나 슬라이드가 이동하는 것을 간단하게

만드시고 싶으시면 swiper.js 라는 plug-in을 사용하시면 됩니다.

해당 플러그인의 링크는 하단에 기재하겠습니다.

https://swiperjs.com/

이시훈님의 프로필 이미지
이시훈
질문자

답변 감사드립니다~ㅎㅎ

2

박무웅 님~ 저 대신 답변해주셔서 감사합니다.^^

소개해주신 플러그인도 좋고, 저는 주로 슬릭 슬라이더를 사용합니다. 2가지 써보시고 본인에게 맞는 슬라이더를 선택하세요.

구글에서 Slick.js 라고 검색하시면 공식사이트 보실 수 있어요.

이시훈님의 프로필 이미지
이시훈
질문자

답변 감사드립니다~ㅎㅎ

이시훈님의 프로필 이미지
이시훈

작성한 질문수

질문하기