[ 2008. 03. 27 18:34:52 ]
글보기
이름 shin2005 [ IP : 124.153.199.138 ]
제목 이미지 슬라이드 쑈 1
태그연습장에서 연습해 보세요.
<HTML>
<HEAD>
<TITLE>이미지 슬라이드 쑈 1 </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<!-- 이미지 전환 효과 ie 에서만 작동 합니다-->
<script language="JavaScript1.1">
<!--
var img1 = new Image();
img1.src = "http://wonny.nameip.net/bbs/data/landscape/2004_08_0232.jpg" <!--원하는 이미지 경로를 넣어 주세요-->
var img2 = new Image();
img2.src = "http://wonny.nameip.net/bbs/data/landscape/2004_08_0222.jpg"
var img3 = new Image();
img3.src = "http://wonny.nameip.net/bbs/data/landscape/2004_08_0225.jpg"
var img4 = new Image();
img4.src = "http://wonny.nameip.net/bbs/data/landscape/2004_08_0179.jpg"
var img5 = new Image();
img5.src = "http://wonny.nameip.net/gallery/2004-08/2004_08_0177.jpg" <!-- 이곳에서 이미지를 추가 하시면 됩니다.-->
var maxLoops = 5;
var bInterval = 5;
var count = 1;
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*500+3000);}//-->
</script>
</HEAD>
<BODY onLoad="init()">
<br>
<TABLE BORDER=12 BORDERCOLOR="#9c8200">
<tr><td align="center">
<TABLE WIDTH=980 height=700 cellspacing=0 BORDER=3 bgcolor="#000000"BORDERCOLOR="#9c8200">
<tr>
<td align="center">
<TABLE WIDTH=864 height=567 cellspacing=0 BORDER=3 BORDERCOLOR="#ffffff">
<tr>
<td align="center">
<img src="http://wonny.nameip.net/bbs/data/landscape/2004_08_0232.jpg" name="blendObj" border=0 style="filter:blendTrans(duration=2)">
<!--3을 다른 숫자로 해보세요. 여러가지 다른 효과가 나옵니다 -->
</TD>
</TR>
</TABLE>
</td>
</tr>
</TABLE>
</td>
</tr>
</TABLE>
</BODY>
</HTML>
|
|