728x90
300x250
요구사항)
01_1초에 한 번씩 배열에 들어있는 이미지를 순차적으로 전환
02_ 이미지가 무한 반복해서 전환되도록
이미지 변경방법
$images.attr("src", 이미지이름);
<script>
$(document).ready(function() {
var currentIndex = 1;
var imgList = ["logo_01.jpg", "logo_02.jpg", "logo_03.jpg", "logo_04.jpg", "logo_05.jpg"];
var $banner = $(".banner1");
setInterval(function(){
currentIndex++;
if(currentIndex >= imgList.length)
currentIndex = 0;
var imgName = imgList[currentIndex];
$banner.attr("src", "./images/" + img Name);
},100);
})
</script>
<body>
<img src="images/logo_01.jpg" class="banner" id="banner1">
</body>728x90
반응형
'javaScript > JS Examples' 카테고리의 다른 글
| 랜덤으로 배경이미지 변경하기 (0) | 2019.08.25 |
|---|---|
| 타이머 함수 : 심플배너만들기2 (0) | 2019.08.10 |
| 타이머를 함수 게임 (0) | 2019.08.08 |
| 타이머 멈추기 clearInterval (0) | 2019.08.07 |
| 일정시간이 지난 후 딱 한번만 실행되는 타이머 (0) | 2019.08.06 |
댓글