http://oxtag.com/html/ex/img_slideshow.html
<HTML>
<HEAD>
</head>
<BODY onLoad="runSlideShow()" bgcolor=black>
<!--- Javascript Start Here ---->
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var slideShowSpeed = 3000; // 하나의 이미지가 멈춰있는 시간
var crossFadeDuration = 3;
var Pic = new Array();
Pic[0] = '이미지url' // 이미지를 추가 하실때는 이부분의 숫자를 더해서 넣으시면 됩니다.
Pic[1] = '이미지url'
Pic[2] = '이미지url'
Pic[3] = '이미지url'
Pic[4] = '이미지url'
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
// End -->
</script>
<table width="100%" height="30%" border="0" cellspacing="0" cellpadding="0" align="center"><tr>
<td align="center" valign="middle">
<img src="http://oxtag.com/html/ex/img_random/6.jpg" name='SlideShow'>
</td></tr></table>
<!--- Javascript End Here ---->
</body>
</html>
반응형
'인터넷정보' 카테고리의 다른 글
| 지금까지 살아온 날 계산해 주는 스크립트 (0) | 2007.10.17 |
|---|---|
| 지금까지 살아온 날 계산해 주는 스크립트 (0) | 2007.10.17 |
| 프레임셋 프레임 감추었다 보이기 (0) | 2007.10.17 |
| 프레임셋 프레임 감추었다 보이기 (0) | 2007.10.17 |
| 여러장의 이미지가 부드럽게 바뀌게 만들어봅시다 (0) | 2007.10.17 |
| 스크롤바가 생겼다 없어졌다 하게 만들자. (0) | 2007.10.17 |
| 스크롤바가 생겼다 없어졌다 하게 만들자. (0) | 2007.10.17 |
| 키보드화살표로 브라우저의 위치를 옮기자 (0) | 2007.10.17 |
| 키보드화살표로 브라우저의 위치를 옮기자 (0) | 2007.10.17 |
| 버튼에 흐르는 문자열 만드는 스크립트 (0) | 2007.10.17 |