이 코드에서 이미지 중복을 정지하고 싶은데 어떻게 하나요..??
본문
<tr id="topArea" width="1000px">
<div id="div_RotationImage" z-index="10" style="display: block; background: url("img/main_banner02.png"); background-repeat:no-repeat; <!--width: 1000px; top: 0px; height: 596px;--> position: absolute;">
</div>
<script>
function rotationImage(){
document.getElementById("div_RotationImage").style.background = "url('" + rotationImageUrl[imagePointer] + "')";
if(imagePointer >= rotationImageUrl.length-1) imagePointer = 0;
else imagePointer++;
}
var rotationImageUrl;
var loc = "";
switch(loc){
default:
rotationImageUrl= [
"img/main_banner01.png",
"img/main_banner02.png"
];
break;
}
var imagePointer = 0;
rotationImage();
if(rotationTopBg != null) clearInterval(rotationTopBg);
var rotationTopBg = setInterval("rotationImage()", 4000);
</script>
</tr>
위 코드는 main_banner0x.png 이미지 2장을 4초마다 반복해서 자동변경하는 기능입니다.
그런데 가로로 길쭉하게 창을 늘이면 main_banner0x.png 이미지가 자꾸 반복해서 옆으로 중복해서 나오는데 어떻게 처리할 방법이 없을까요??
답변 1
document.getElementById("div_RotationImage").style.background = "url('" + rotationImageUrl[imagePointer] + "')";
여기서
document.getElementById("div_RotationImage").style.background = "url('" + rotationImageUrl[imagePointer] + "') no-repeat";
이렇게 바꿔보세요
와 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 진짜 감사합니다!!
답변을 작성하시기 전에 로그인 해주세요.
