문득 집에서 컴퓨터를 하다가 바탕화면을 보고 놀랬어요.. 글쌔 우리 애들사진인데.. 1년전것이...
그래서 바탕화면 바꾸자~ 하고 디카로 찍어놓은 애들사진을 뒤적거리다가.. 갑자기 생각난것입니다.
매번 바꿔주기도 귀찮고, 사진고르는것도 시간만만치 않더군요.. ㅡㅡ;; 귀차니즘의 압박..
매번 부팅때마다 바탕화면이 바뀐다면 매번 컴퓨터를 켤때마다 새로운 느낌이들겠죠??
바탕화면을 그림 파일이 아닌 HTML 문서로 지정해놓고 HTML 문서내부에 자바스크립트를 이용해서매번 부팅때마다 배경화면이 바뀌도록 만든겁니다.
<html><head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>background</title>
</head>
<body>
<script language="JavaScript">
<!--
function change_img() {
if(x>23) x=1;
else x++;
back.background=+x+'.jpg';
}
x=Math.round(Math.random()*22);
x++;
document.write('<body id="back" background="'+x+'.jpg">')
document.write('<table align="right" cellpadding="0" cellspacing="0" width="10">')
document.write('<tr><td onmouseout="change_img();" width="10" height="10" bgcolor="red">')
document.write('<p></p></td></tr></table>')
<!--
</script>
제가 만들어본 배경화면 변경 소스입니다.
사용법을 일러드릴께요. 위의 소스를 복사하셔서 back.html로 저장합니다.
그리고 배경화면으로 쓰실 그림파일을 준비하세요.(많이요~) 이때 그림파일의 크기는 자신의 해상도와 같게하셔야합니다. 해상도가 1024 * 768 이면 이미지 사이즈도 1024 * 768 이여야 합니다. 그래야 화면에 딱맞게 보여요.
사진의 크기조정은 알씨라는 프로그램으로 쉽게 하실수있습니다. 알씨는 네이버 검색창에 알씨라고 치시면 바로 나옵니다.
그림파일을 준비하셨으면, 설정을 조금해주셔야합니다.
준비하신 그림파일의 갯수가 20개라면 위소스에서 x=Math.round(Math.random()*22); <- 이부분의 22라는 숫자를 20으로 바꿔주시면 됩니다. 간단하죠???
그리고 그림화일의 화일명을 1.jpg 2.jpg 3.jpg ..... 19.jpg, 20.jpg 이런식으로 해주십니다.
그리고 그 그림화일들을 back.html과 같은 폴더내에 넣어주시면 모든 준비끝!
바탕화면에서 오른쪽 마우스 클릭 -> 등록정보 -> 배경화면 -> 찾아보기 -> back.html -> 적용 -> 확인
하고나면 짜잔~~~ 바탕화면에 넣어놓은 20개의 그림중 아무것이나 하나 뜨게되죠? 그리고 오른쪽 상단에 빨간 박스가 하나 보이실겁니다. 거길 마우스로 살짝 지나쳐주시면 배경화면이 바뀌어요~
컴퓨터를 껐다가 켜시면 또 배경화면이 바뀌어있구요~
위의 소스에 대해 알고 싶으신분들이 계실지 모르니 소스 설명도 드립니다.
하나 하나 설명을 드리자면..
그래서 바탕화면 바꾸자~ 하고 디카로 찍어놓은 애들사진을 뒤적거리다가.. 갑자기 생각난것입니다.
매번 바꿔주기도 귀찮고, 사진고르는것도 시간만만치 않더군요.. ㅡㅡ;; 귀차니즘의 압박..
매번 부팅때마다 바탕화면이 바뀐다면 매번 컴퓨터를 켤때마다 새로운 느낌이들겠죠??
바탕화면을 그림 파일이 아닌 HTML 문서로 지정해놓고 HTML 문서내부에 자바스크립트를 이용해서매번 부팅때마다 배경화면이 바뀌도록 만든겁니다.
<html><head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>background</title>
</head>
<body>
<script language="JavaScript">
<!--
function change_img() {
if(x>23) x=1;
else x++;
back.background=+x+'.jpg';
}
x=Math.round(Math.random()*22);
x++;
document.write('<body id="back" background="'+x+'.jpg">')
document.write('<table align="right" cellpadding="0" cellspacing="0" width="10">')
document.write('<tr><td onmouseout="change_img();" width="10" height="10" bgcolor="red">')
document.write('<p></p></td></tr></table>')
<!--
</script>
제가 만들어본 배경화면 변경 소스입니다.
사용법을 일러드릴께요. 위의 소스를 복사하셔서 back.html로 저장합니다.
그리고 배경화면으로 쓰실 그림파일을 준비하세요.(많이요~) 이때 그림파일의 크기는 자신의 해상도와 같게하셔야합니다. 해상도가 1024 * 768 이면 이미지 사이즈도 1024 * 768 이여야 합니다. 그래야 화면에 딱맞게 보여요.
사진의 크기조정은 알씨라는 프로그램으로 쉽게 하실수있습니다. 알씨는 네이버 검색창에 알씨라고 치시면 바로 나옵니다.
그림파일을 준비하셨으면, 설정을 조금해주셔야합니다.
준비하신 그림파일의 갯수가 20개라면 위소스에서 x=Math.round(Math.random()*22); <- 이부분의 22라는 숫자를 20으로 바꿔주시면 됩니다. 간단하죠???
그리고 그림화일의 화일명을 1.jpg 2.jpg 3.jpg ..... 19.jpg, 20.jpg 이런식으로 해주십니다.
그리고 그 그림화일들을 back.html과 같은 폴더내에 넣어주시면 모든 준비끝!
바탕화면에서 오른쪽 마우스 클릭 -> 등록정보 -> 배경화면 -> 찾아보기 -> back.html -> 적용 -> 확인
하고나면 짜잔~~~ 바탕화면에 넣어놓은 20개의 그림중 아무것이나 하나 뜨게되죠? 그리고 오른쪽 상단에 빨간 박스가 하나 보이실겁니다. 거길 마우스로 살짝 지나쳐주시면 배경화면이 바뀌어요~
컴퓨터를 껐다가 켜시면 또 배경화면이 바뀌어있구요~
위의 소스에 대해 알고 싶으신분들이 계실지 모르니 소스 설명도 드립니다.
하나 하나 설명을 드리자면..
'Others' 카테고리의 다른 글
| 다음 TV팟 동영상 내 PC에 저장하기 (0) | 2007.07.19 |
|---|---|
| 초간단 usb 선풍기 만들기 문제와 보완점. (11) | 2007.07.18 |
| 티스토리 버그 리포팅 2 (3) | 2007.05.14 |
| 티스토리 버그 리포팅. (1) | 2006.12.21 |
댓글