inflearn logo
강의

Course
Instructor

JavaScript+jQuery from Basics to Practice: Basics Part.2

Practice - National Flag Rolling Banner

국가 롤링 배너

280

leedin12239112

1 asked

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

Answer 1

1

kim21400021

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

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

10월 15일 삭제예정 강의 문의

0

41

1

강의제목에 10/15일 삭제라고 나와있는데,

0

48

1

스크립트 영상 미일치

0

77

3

감정일기장 다이어리 필터 적용할때 컨텍스트를 Home에서 가져오는 특별한 이유가 궁금합니다.

0

59

2

강의 설명 중에 헷갈리는 것이 있네요

0

59

1

수업자료 관련 문의

0

68

3

1강 동영상 재생 오류

1

67

2

Composition단계에서 `Layer`는 누가 만드는지

0

44

1

Strict Mode 예시 질문!

0

63

2

수업이 안보여요

0

66

1

저자 블로그에 있는 강의는 어떤 강의인가요?

1

65

1

[해결됨]윈도우즈 환경에서 타입 스크립트 파일이 실행이 안됩니다.

1

87

5

4강 카드뉴스 자동화 자료가 안보입니다!!

0

110

2

윈도우즈 환경에서 진행중입니다.

0

64

2

4강 카드뉴스 자동화 자료

6

125

1

라이브 강의 영상 녹화본이 있을까요?

0

101

1

인증이 늦었습니다ㅜㅜ 확인부탁드립니다

0

91

1

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

0

64

1

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

1

78

2

clearInterval() 일반함수 풀이

1

205

1

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

0

264

0

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

0

313

1

제이쿼리 구버전 다운로드

0

1286

1

물고기 게임

0

227

0