inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

자바스크립트+jQuery 기초부터 실무까지 : 기초 Part.2

실습 - 국기 롤링 배너

국가 롤링 배너

262

지안

작성한 질문수 1

0

<script src="../libs/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function() {
            var imgList = ["canada.png", "england.png", "germany.png", "italia.png", "korea.png", "spain.png", "usa.png"];
            var index = 0;
            var $banner = $(".banner");
           
            setInterval(function() {
                index++;
                if(index >= imgList.length) {
                    index = 0;
                }
                //다음 이미지 이름을 구함
                var imgName = imgList[index];
                //배너의 속성값이 src를 이미지 경로로 지정함
                $banner.attr("src", "images/" + imgName);
            }, 1000);
        });
    </script>
</head>
<body>
    <img src="../images/korea.png" class="banner" id="banner1">
</body>
 
어느 부분이 잘못되었는지 모르겠습니다.

javascript jquery

답변 1

1

김재원

안녕하세요. 같이 수업을 듣고 있는 학생입니다.

정확히 내용은 실행해봐야겠지만, body안에 korea 플래그의 이미지 주소가 '<img src="../images/korea.png"'이렇게 되어있는데요. "../"으로 시작한다는 것은 주소지정할때 상위 디렉토리로 이동한뒤 /images 폴더로 이동하는 것으로 만약 해당 주소가 맞는다면 script내의 이미지 주소도 변경을 해야 합니다.현재 주소를 $banner.attr("src", "images/" + imgName);  가지고 있는데 $banner.attr("src", "../images/" + imgName);이렇게 변경하면 되지 않을까 싶네요. 수고하세요.

css box-sizing 관련 질문

0

7

1

스니펫이 이상해요

0

9

2

Editor Component의 최적화 불가능 이슈

0

17

2

useCallback ⊂ useMemo

0

21

2

깃허브 저장소를 어디에 첨부하셨나요?

1

27

1

nestjs 강의는 없나요??

1

25

2

스타터 저장소

1

31

1

What is Rxjs

0

21

1

라이브러리 설치 질문

0

26

2

linter 질문

0

32

2

수업자료 링크 접속했는데 404에러 뜹니다 ㅠ

1

34

1

primitive에 onClick 이벤트가 안되는 경우

0

26

2

감정일기장 vercel 배포 후 새로 고침 시 404페이지가 뜨는 이유

0

37

2

자료실

1

36

2

Sort 메서드 관련 아티클

0

41

2

4.1) React.js를 소개합니다 강의를 듣고 궁금한 점이 생겼습니다.

0

41

2

html, body에 적용하는 css 스타일 질문입니다.

0

38

2

html / css 기초는 있습니다..

0

50

2

모든 컴포넌트를 클라이언트 컴포넌트로 했을 때

0

30

3

clearInterval() 일반함수 풀이

1

179

1

load( ) 기능에서 코드 수정해서 사용

0

248

0

jQuery 구버전 파일을 올려주시면 감사하겠습니다.

0

290

1

제이쿼리 구버전 다운로드

0

1264

1

물고기 게임

0

216

0