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

현빈님의 프로필 이미지
현빈

작성한 질문수

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

■ 제이쿼리 슬라이드 제작(3) - 슬라이드 제작

슬라이드가 이상하게 넘어갑니다

작성

·

180

1

 <div class="content-inner">
            <div class="slide">
                <div class="slide-items">
                    <a href="#none" class="slide-item"><img src="images/slide-01.jpg" alt="slide 01"></a>
                    <a href="#none" class="slide-item"><img src="images/slide-02.jpg" alt="slide 02"></a>
                    <a href="#none" class="slide-item"><img src="images/slide-03.jpg" alt="slide 03"></a>
                </div>
            </div>

.slide-items {
    position: relative;
    width: 1200px;
    height: 300px;
    overflow: hidden;
}
.slide-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 3600px;
    font-size: 0;
}

setInterval(function(){
    $('.slide-items').animate({left: '-1200px'}, function(){
        $('.slide-items').css({left: 0});
        $('.slide-item:first-child').appendTo('.slide-items');
      });
  }, 3500);

제 컴퓨터가 이상한 건지는 모르겠는데 코드 확인 해봐도 도저히 다른 곳이 없는데 뭐가 문제일까요ㅠㅠ 사진이 툭툭 끊기면서 넘어가요

답변 1

0

전체 코드 올려 주세요. 두 분 코드로는 확인하기 어렵습니다.

현빈님의 프로필 이미지
현빈
질문자

아 해결했습니다!! css 셀럭터 부분에서 .slide를 .slide-items라고 해서 오류난 것 같습니다 항상 감사드려요

현빈님의 프로필 이미지
현빈

작성한 질문수

질문하기