[javascript] 이미지가 자연스럽게 바뀌게 하는 스크립트 소스
로빈아빠
본문
이미지가 자연스럽게 바뀌게 하는 스크립트 소스
--------------------------------------------
<script>
<!--
var img1 = new Image();
img1.src = "img1.gif";
var img2 = new Image();
img2.src = "img2.gif";
var img3 = new Image();
img3.src = "img3.gif";
//-->
</script>
<BODY onload="init();">
<DIV style="LEFT: 100px; POSITION: absolute; TOP: 20px; WIDTH: 186px; Z-INDEX: 10"> <!--위치-->
<IMG border=0 name=blendObj src="img1.gif" style="FILTER: blendTrans(duration=3)"> </DIV> <!--속도-->
<script>
<!--
var maxLoops = 3; //이미지 수 만큼
var bInterval = 1; //멈추어 있는 시간
var count = 2;
function init() {
blendObj.filters.blendTrans.apply();
document.images.blendObj.src = eval("img"+count+".src");
blendObj.filters.blendTrans.play();
if (count < maxLoops) {
count++;
}
else {
count = 1;
}
setTimeout("init()", bInterval*1000+3000);
}
//-->
</script>
[이 게시물은 VIRHAC님에 의해 2009-09-13 14:41:58 HTML에서 이동 됨]
--------------------------------------------
<script>
<!--
var img1 = new Image();
img1.src = "img1.gif";
var img2 = new Image();
img2.src = "img2.gif";
var img3 = new Image();
img3.src = "img3.gif";
//-->
</script>
<BODY onload="init();">
<DIV style="LEFT: 100px; POSITION: absolute; TOP: 20px; WIDTH: 186px; Z-INDEX: 10"> <!--위치-->
<IMG border=0 name=blendObj src="img1.gif" style="FILTER: blendTrans(duration=3)"> </DIV> <!--속도-->
<script>
<!--
var maxLoops = 3; //이미지 수 만큼
var bInterval = 1; //멈추어 있는 시간
var count = 2;
function init() {
blendObj.filters.blendTrans.apply();
document.images.blendObj.src = eval("img"+count+".src");
blendObj.filters.blendTrans.play();
if (count < maxLoops) {
count++;
}
else {
count = 1;
}
setTimeout("init()", bInterval*1000+3000);
}
//-->
</script>
[이 게시물은 VIRHAC님에 의해 2009-09-13 14:41:58 HTML에서 이동 됨]
관련링크
댓글목록
등록된 댓글이 없습니다.