<!-- THREE STEPS TO INSTALL 2-WAY BACKGROUND IMAGES SLIDES:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the HEAD of your HTML document - Optional -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<title>백그라운드 이미지 </title>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
// (C) 2001 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header
// =======================================
// set the following variables
// =======================================
// Set speed (milliseconds)
var speed = 2000
// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
//배경이미지 설정 (사용자가 원하시는 만큼 이미지추가)
//Pic[번호] ='이미지파일 경로';
Pic[0] = 'image/01.jpg'
Pic[1] = 'image/02.jpg'
Pic[2] = 'image/03.jpg'
Pic[3] = 'image/04.jpg'
Pic[4] = 'image/05.jpg'
Pic[5] = 'image/06.jpg'
// do not edit anything below this line
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 runBGSlideShow(){
if (document.body){
document.body.background = Pic[j];
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runBGSlideShow()', speed)
}
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<body onload="runBGSlideShow()">
<!-- STEP THREE: Copy this code into the HEAD of your HTML document -->
Method One - Positionable Images
----------
Put the following style sheet in the <head> of
your page. Normally it will go *before* the script above.
// 스타일시트 속성을 활용하여 배경이미지를 배치하세요.
<style>
body{
background-repeat: repeat;
background-position: 200 100;
}
</style>
Set the position x y in pixels in the background-position
element to position the images in the page. Do not use
commas between the values!
Method Two - Full Page-Space Background
----------
Easy - just omit the style script above from the page.
The background images will then repeat across the page, as
usual.
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
|
