인프런 커뮤니티 질문&답변
작성한 질문수
국가 롤링 배너
작성
·
166
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>
어느 부분이 잘못되었는지 모르겠습니다.
답변 1
1
안녕하세요. 같이 수업을 듣고 있는 학생입니다.
정확히 내용은 실행해봐야겠지만, body안에 korea 플래그의 이미지 주소가 '<img src="../images/korea.png"'이렇게 되어있는데요. "../"으로 시작한다는 것은 주소지정할때 상위 디렉토리로 이동한뒤 /images 폴더로 이동하는 것으로 만약 해당 주소가 맞는다면 script내의 이미지 주소도 변경을 해야 합니다.현재 주소를 $banner.attr("src", "images/" + imgName); 가지고 있는데 $banner.attr("src", "../images/" + imgName);이렇게 변경하면 되지 않을까 싶네요. 수고하세요.