요것 진짜 이뽀여...
헤헤 이미지 두 개가여 번갈아가면서 살짝 변하는건데염..
디게 이뿌더라구염..
요즘엔 이런거 쓰는홈이 많데염..
<head> 와 </head> 사이에 아래의 내용을 넣어 줍니다 .
<script language=javascript>
var currentimg=1;
img1=new Image();
img2=new Image();
img1.src="1.jpg";
img2.src="2.jpg";
function demoplay() {
demo.filters.blendTrans.apply();
if(currentimg==1) {
demo.src=img2.src;
currentimg=2;
}
else {
demo.src=img1.src;
currentimg=1;
}
demo.filters.blendTrans.play();
}
</script>
그리고 <body> 속에 이렇게 넣어주세여..
<body onload="demoplay();">
그담에.. <body>와 </body> 사이에 아래껄 넣어주심 되어..
<img name="demo" style="filter:blendTrans(duration=5);" src="2.jpg"
onfilterchange="setTimeout('demoplay();',1000);">
이미지 1.jpg 가 나중에 보여질 이미지 이고
이미지 2.jpg 가 처음에 보여질 이미지 입니다..
style="filter:blendTrans(duration=5);" 여기의 수치가 높을수록 느리게 변해염..
그리구 1000 이 숫자는여..
이미지가 페이드 되구난뒤에 멈추고 있는 시간이에염.
마니 써보세영~*
|
|
이미지를 부드럽게 바꾸는 스크립트
