inflearn logo
강의

講義
知識共有

JavaScript + jQuery基礎から実務まで：基礎Part.2

実習 - 国旗 ローリングバナー

국가 롤링 배너

263

leedin12239112

投稿した質問数 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

kim21400021

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

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

스웨거 접속이 안되는데 확인 부탁드립니다.

0

15

2

설명이 잘못된거같습니다.

1

29

2

수강자료 다운로드 관련 문의

0

63

2

선택정렬 이해하기 & 구현하기

0

37

1

mission12-01 guide.md파일 누락

0

43

2

자료집 관련

0

43

2

13. (App 2) 기본기 훈련 에서

0

64

1

챌린지 시작일 문의

0

54

0

2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중

0

49

1

11차시 Antigravity IDE 설치 후

0

47

1

처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법

0

52

1

5,6,7,8 내용이 없어요

0

53

1

ThemeProvider를 이용해서 NextThemeProvider를 따로 생성하여 Layout.tsx에 적용하는 이유는 뭘까요?

0

52

1

mission 09-01 을 수행할 수 없어요

0

43

1

Context API vs Zustand 그리고 Auth

1

69

2

순수 함수 / 순수 컴포넌트

0

42

1

css box-sizing 관련 질문

0

47

2

스니펫이 이상해요

0

47

2

Editor Component의 최적화 불가능 이슈

0

60

2

clearInterval() 일반함수 풀이

1

184

1

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

0

251

0

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

0

294

1

제이쿼리 구버전 다운로드

0

1269

1

물고기 게임

0

217

0