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

밀꾸님의 프로필 이미지
밀꾸

작성한 질문수

[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)

■ 제이쿼리 슬라이드 제작(2) - 슬라이드 구동방식

제이쿼리 슬라이드제작(2) left : 0 이 왜 들어가는지 모르겠습니다.

작성

·

79

2

slide-items를 애니메이트해서 -1200픽셀만큼 이동시킨후 다시 left 0 은 무슨소린지 모르겠습니다 그러면 첫번째 이미지가 보여야하는게아닌가요 ? 첫번째 이미지가 보여진후 appendTo로 인해서 마지막 요소로 이동해야하는게 정상아닌가요..?

답변 1

1

자식요소 전체가 부모요소의 왼쪽에 붙게 하려고 준겁니다.

밀꾸님의 프로필 이미지
밀꾸
질문자

부모요소가 .slid-item에 position : relative 이고, 그의 자식요소인 .slide-item에 position : absolute 이면, 애니메이트시켜서 left : -1200px로 이동한뒤 콜백함수로 넘어가서 slide-items를 다시 left 0 을 시키면 이미지 순서가 1, 2, 3 이라고 가정했을때, 1번 이미지에서 -1200픽셀가서 2번이 보이고 left : 0으로 인해서 다시1번 이미지가 보인뒤에 1번이미지가 .slide-items의 마지막 자식요소로 들어가야하는 흐름이 아닌가요 ? 코드의 흐름상으론 그런거같은데... 제가 잘못이해하고 있는건가요 ? left : -1200 픽셀을 준뒤 다시 left 0 으로 하면 처음 이미지 화면으로 돌아오는게 아닌가요 ?

밀꾸님의 프로필 이미지
밀꾸
질문자

잘 이해가 가질않네요 ㅠㅠ

제가 사실 이해시켜 드릴 수 있는 부분은 제 역량에서는 최선을 다해서 말씀드린 겁니다. 제가 설명이 부족한 부분이 있어서 이해가 안 되실지 모르겠지만이 부분에 대해서 너무 그렇게 집착하실 필요는 없을 것 같습니다. 일단 웹디자인 기능사 시험을 잘 보는게 우선이니까요. 자바 개발자라고 하시니까 아시겠지만 실무에서 좋은 제이쿼리 슬라이드 플러스를 맞잖아요 그걸로 만드니까이 부분은 너무 연연하지 마시고 넘어가셨으면 합니다.

밀꾸님의 프로필 이미지
밀꾸
질문자

흠.. 네 알겠습니다.. 답변 감사드립니다 ,,

밀꾸님의 프로필 이미지
밀꾸

작성한 질문수

질문하기