|
안녕하세요?
웹페이지에 배경이미지 여러개를 준비해서 시간이 지남에 따라 랜덤하게 변하게 할려고 합니다.
웹상에서 소스를 하나 찾긴 했는데, 이건 경로가 컴상에 있을 때를 가정해서 만들어져 있더군요.
------------------------------------------------------------------------------
<html>
<head>
<title>My Wallpaper</title>
<HTA:APPLICATION ID="objHTA" APPLICATIONNAME="My Wallpaper" WINDOWSTATE="maximize" NAVIGABLE="yes">
</head>
<body SCROLL="no" style="position:absolute;width:100%;height:100%;left:0px;top:0px;padding:0px;margin:0px;border:0px;">
<script language="JScript">
var P_INTERVAL = 2000; //2초마다 이미지를 랜덤하게 바꾸게 됩니다. 알맞게 조정하세요.
//정해진 시간마다 반복하면서 배경 이미지를 바꾼다.
function changeImage(){
var arr = getImageList();
var n = Math.floor(Math.random()*arr.length);
document.body.style.background="ivory url("+arr[n]+") no-repeat middle center";
setTimeout("changeImage()", P_INTERVAL);
}
changeImage();
//디렉터리에 있는 이미지 리스트를 Array 로 반환한다.
function getImageList(){
var arr = new Array();
var fso,cnt=0;
fso = new ActiveXObject("Scripting.FileSystemObject");
var f = fso.GetFolder('d:\\homepage\\page_test\\img'); //이미지 폴더 알맞게 변경하세요. \\ 이거 두게 넣는거 잊지 마시구요.
var fc = new Enumerator(f.files);
var s = "";
for (; !fc.atEnd(); fc.moveNext()){
var path = String(fc.item());
var ext = path.substring(path.lastIndexOf(".")).toLowerCase();
if(ext=='.jpg'||ext=='.bmp'||ext=='.png'||ext=='.gif'){ //이미지의 확장자를 나열하시면 됩니다.
arr.length = ++cnt;
arr[cnt-1]="file:///"+path;
}
}
return arr;
}
</script>
</body>
</html>
------------------------------------------------------------------------
fso = new ActiveXObject("Scripting.FileSystemObject");
var f = fso.GetFolder('d:\\homepage\\page_test\\img'); //이미지 폴더 알맞게 변경하세요. \\ 이거 두게 넣는거 잊지 마시구요.
이 부분하고
arr[cnt-1]="file:///"+path;
이 부분하고 때문인지는 모르겠지만, 경로가 컴상에 있을 때로 가정해서 만들어지네요.
이걸 웹상에서도 인식되되록 하고 싶은데,
어떻게 해야 되는지 궁금합니다.
웹페이지에 배경이미지를 시간에 따라 랜덤하게 바뀌게 해주는 스크립트가 있는지도 궁금합니다.
많은 도움 부탁드리구요.
좋은 하루 되세요.
| 
현재위치: 
웹페이지 배경이미지 시간에 따라 랜덤하게 변경하는 방법 
