http://oxtag.com/html/ex/imgfade.html
<html>
<head>
<title>♡ 카멜롯™의 소스천국 태그피아 ♡</title>
<script language="JavaScript1.1">
<!--
var img1 = new Image();
img1.src = "http://oxtag.com/html/img/model.jpg";
var img2 = new Image();
img2.src = "http://oxtag.com/html/img/smoon.gif";
var img3 = new Image();
img3.src = "http://oxtag.com/html/img/angel.gif";
var img4 = new Image();
img4.src = "http://oxtag.com/html/img/angel2.gif";
//-->
</script>
<!-- 위 이미지 주소를 추가하고 싶으시면 var img5 하고 img5.src 이런식으로 추가 시키구요 저는 이미지 크기를 안맞췄는데 맞추면 금상첨화겠죠. -->
</head>
<body bgcolor=white onLoad="init()">
<!-- body 부분에 onload="init()" 넣어 주세요 -->
<div style="position: absolute; z-index: 10; top: 160; left: 170; width: 186">
<img src="http://oxtag.com/html/img/model.jpg" name="blendObj" border=0 style="filter: blendTrans(duration=3)">
</div>
<!-- 위는 포지션을 잡아 준건데 톱에서 160px 좌측에서 170px에 위치 시킨 것입니다. 그리고 바로밑의 주소는 첨에 보여질 이미지 즉, head의 1번 이미지를 넣어주시면 됩니다. -->
<!-- 아래 부분은 걍 넣어 주시고요 주의할 점은 var maxLoops = 4 이부분은 여러분이 이미지를 3개 넣으면 3으로 4개를 넣으시면 4로 고쳐주시면 됩니다. -->
<script language="JavaScript">
<!--
var maxLoops = 4;
var bInterval = 3;
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>
<img src="/php/nalog/nalogd.php?counter=nlogcounter&url=" width=1 height=0>
</body>
</html>
'인터넷관련' 카테고리의 다른 글
마우스를 대면 이미지가 변신합니다 1 (0) | 2008.01.24 |
---|---|
이미지가 서서히 밝아짐 (0) | 2008.01.24 |
한문장씩 위로 스크롤 되면서 사라짐 (0) | 2008.01.24 |
글씨가 커졌다 작아졌다. (0) | 2008.01.24 |
글씨 칼라가 자동으로 변하는 소스 (0) | 2008.01.24 |
링크 글자에 네온사인 효과 주기 (0) | 2008.01.24 |
타이틀바에 메세지가 스크롤되는 소스 (0) | 2008.01.24 |
현재 페이지를 원클릭으로 프린트하게 도와주는 스크립트입니다. (0) | 2008.01.24 |