inflearn logo
강의

Khóa học
Chia sẻ kiến thức

Từ cơ bản về JavaScript + jQuery đến thực hành: Cơ bản Phần 2

Thực hành - Banner chạy quốc kỳ

국가 롤링 배너

253

leedin12239112

1 câu hỏi đã được viết

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

Câu trả lời 1

1

kim21400021

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

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

깃권한요청드립니다

0

2

1

<div id="banner">배너 이미지</div> 관련 질문

0

7

1

강의자료

0

17

1

윈도우에서 Node js를 설치하고 싶어요

0

25

0

addToFile function에서 path를 사용해 새로운 파일을 생성

0

35

1

[46강] EventEmitter를 활용한 10가지 패턴 중 플러그인 아키텍처

0

31

2

강의가 누락된것 같습니다.

0

38

2

용어 발음법이 계속 바뀌는 것 같은데 이런 부분들 개선이 가능할까요...?

0

48

1

counter01.html은 어디있을까요?

1

16

1

존재하지 않는 일기 url입력 시 alert이 두 번 떠요

0

42

1

useState 직접 구현 부분에서 질문이 있습니다.

1

46

1

학습을 하고 블로그에 정리를 해도 괜찮을까요?

1

45

1

교재(3쇄)와 강의 내용 문의

0

39

2

섹션2번 부분 강의 화면이 잘 못된것 같아서 문의합니다.

0

24

1

call stack 표현이 잘못표현된것이 아닌가요?

0

83

2

React 와 Virtual DOM 의 이야기 영상 실행이 안됩니다.

0

35

1

일반 강의와 차이점?

1

59

1

!= 연산자의 역할

0

36

1

중요하진 않지만 설명하신부분에서 안된부분..

1

40

1

clearInterval() 일반함수 풀이

1

169

1

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

0

236

0

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

0

281

1

제이쿼리 구버전 다운로드

0

1240

1

물고기 게임

0

212

0