본문 바로가기

카테고리 없음

[자바스크립트] [사진갤러리] 여러장의 이미지가 블랜딩되며 교체되는 플래시 효과

<head>와 </head>부분에 넣어줍니다.
*****************************************
<script language="JavaScript1.1">
<!--

var img1 = new Image();
img1.src = "page1.jpg";

var img2 = new Image();
img2.src = "page2.jpg";

var img3 = new Image();
img3.src = "page3.jpg";

var img4 = new Image();
img4.src = "page4.jpg";

//-->
</script>


<body>와 </body>부분에 넣어줍니다.
*****************************************
<body onload="init()">
<script language="JavaScript">
<!--

var maxLoops = 4; //이미지 갯수
var bInterval = 2; //변하는 시간간격
var count = 2;
function init() {
blendtrjs.filters.blendTrans.apply();
document.images.blendtrjs.src = eval("img"+count+".src");
blendtrjs.filters.blendTrans.play();
if (count < maxLoops) {
count++;
}
else {
count = 1;
}
setTimeout("init()", bInterval*700+2000);
}

//-->
</script>


실제로 사진이 보일곳
*****************************************
<img src="page1.jpg" border="0" style="filter: blendTrans(duration=2)" name="blendtrjs">