배경이미지를 사용자에 의해 변경할수 있는 방법
배경이미지를 사용자에 의해 변경할수 있는 소스를 찾다 아래와 같은 내용을 확인했습니다.
그런데 원하는 배경을 선택한후 새로고침을 하게 되면 - 즉 페이지를 이동하게 되면 - 원래의 처음 배경으로
돌아옵니다.
페이지가 새로고침되도 선택된 배경이 유지될수 있는 조언을 구합니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>back</title>
<script language='javascript' type='text/javascript'>
//<
ary.push('http://thumb.opencast.naver.net/opencast01/d/o/doldoly2002/20100403/23494064089956.jpg?type=f10060');
ary.push('http://thumb.opencast.naver.net/opencast01/d/o/doldoly2002/20100403/23353148487012.jpg?type=f10060');
ary.push('http://thumb.opencast.naver.net/opencast01/d/o/doldoly2002/20100403/23391992675918.jpg?type=f10060');
window.onload = function()
{
}
function fncChange(pos)
{
document.body.style.backgroundImage ='url("'+ary[Number(pos)]+'")';
}
//]]>
</script>
<style type='text/css'>
#maketop {background-color: transparent;}
#makebanner {background-color: transparent;}
body
{
background-image: url('http://thumb.opencast.naver.net/opencast01/d/o/doldoly2002/20100403/2328333933853.jpg?type=f10060');
background-repeat: no-repeat;
background-position: top center;
}
</style>
</head>
<body>
<input type='button' onclick='fncChange(0)' value='1번 배경'/>
<input type='button' onclick='fncChange(1)' value='2번 배경'/>
<input type='button' onclick='fncChange(2)' value='3번 배경'/>
<input type='button' onclick='fncChange(3)' value='4번 배경'/>
</body>
</html>
잘부탁드립니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 8개
가능한것 처럼 보이네요...ㅠㅠ 고수분들은 가능하지 않을까요?....ㅠㅠ
배경 로딩때, 해당 숫자에 할당된 배경으로 뿌려주는 것 같아요 ㅇ_ㅇ..