jquery slider로 이런것이 구현가능할까요?

Question

안녕하세요 이제 개발의 맛을 보기 시작한 초보입니다~ 다름이 아니라 다음과 같은 홈페이지의 화면을 구현하고 싶은데 구글링으로 찾아봐도 거의 안나와서.. 이게 가능한가 해서 선배님들께 여쭤봅니다. 홈페이지는 아래와 같습니다.슬라이더 바로 한단계씩 클릭하면 지갑이 두꺼워지는 것입니다. http://bellroy.com/slim-your-wallet 그래서 제이쿼리 슬라이더바와 gif이미지를 이용하면 위와 같은 것을 구현할 수 있을지 여쭤봅니다.(Jquery ranger slider는 Nouislider (http://refreshless.com/nouislider/) 또는 Ui slider pips (http://www.jqueryrain.com/?jpubA5it) 등 ) 만약 구현하기위한 다른 방법이 있다면 어떤것이 있을까요?고견 높으신 개발 선배님들의 의견 꼭 좀 부탁드립니다. ㅜㅜ

새로운시작 · Accepted Answer

홈페이지 보니까이미지는 http://djrbatmgo1l7z.cloudfront.net/assets/syw/wallet_comparison-0e042e096c0aa3706d3f790dfc256f23.png사용했고background-position 을 이용해서 구현을 한 경우입니다.동일하게 구현하신다면제이쿼리 슬라이더바를 이용해서 이동될때 background-position 위치를 바꿔주면 되겠내요

50knotsco · Answer

감사합니다!

jquery slider로 이런것이 구현가능할까요?

2개의 답변

Q&A 목록