전체배경 랜덤으로 보여주기... 정보
전체배경 랜덤으로 보여주기...관련링크
첨부파일
본문
랜덤정의를 적용한 간단한 팁입니다
1.배경이 될 이미지들을 묶어서 이미지폴더(main_bg)를 경로에 올림(경로예제: 그누/images/main_bg)
2.head.sub.php를 변용한 head.sub_main.php를 만든다...(관리자화면이나...게시판모드에서는 head.sub.php가 먹어야됨으로)
이하 head.sub_main.php의 내용
---------------------------------------------------------------------------------------------------------------------
<?
// 이 파일은 새로운 파일 생성시 반드시 포함되어야 함
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$begin_time = get_microtime();
if (!$g4['title'])
$g4['title'] = $config['cf_title'];
// 쪽지를 받았나?
if ($member['mb_memo_call']) {
$mb = get_member($member[mb_memo_call], "mb_nick");
sql_query(" update {$g4[member_table]} set mb_memo_call = '' where mb_id = '$member[mb_id]' ");
alert($mb[mb_nick]."님으로부터 쪽지가 전달되었습니다.", $_SERVER[REQUEST_URI]);
}
// 현재 접속자
//$lo_location = get_text($g4[title]);
//$lo_location = $g4[title];
// 게시판 제목에 ' 포함되면 오류 발생
$lo_location = addslashes($g4['title']);
if (!$lo_location)
$lo_location = $_SERVER['REQUEST_URI'];
//$lo_url = $g4[url] . $_SERVER['REQUEST_URI'];
$lo_url = $_SERVER['REQUEST_URI'];
if (strstr($lo_url, "/$g4[admin]/") || $is_admin == "super") $lo_url = "";
// 자바스크립트에서 go(-1) 함수를 쓰면 폼값이 사라질때 해당 폼의 상단에 사용하면
// 캐쉬의 내용을 가져옴. 완전한지는 검증되지 않음
header("Content-Type: text/html; charset=$g4[charset]");
$gmnow = gmdate("D, d M Y H:i:s") . " GMT";
header("Expires: 0"); // rfc2616 - Section 14.21
header("Last-Modified: " . $gmnow);
header("Cache-Control: no-store, no-cache, must-revalidate"); // HTTP/1.1
header("Cache-Control: pre-check=0, post-check=0, max-age=0"); // HTTP/1.1
header("Pragma: no-cache"); // HTTP/1.0
$randomnum = rand(1, 8);
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=<?=$g4['charset']?>">
<title><?=$g4['title']?></title>
<link rel="stylesheet" href="<?=$g4['path']?>/style.css" type="text/css">
</head>
<script language="javascript">
// 자바스크립트에서 사용하는 전역변수 선언
var g4_path = "<?=$g4['path']?>";
var g4_bbs = "<?=$g4['bbs']?>";
var g4_bbs_img = "<?=$g4['bbs_img']?>";
var g4_url = "<?=$g4['url']?>";
var g4_is_member = "<?=$is_member?>";
var g4_is_admin = "<?=$is_admin?>";
var g4_bo_table = "<?=isset($bo_table)?$bo_table:'';?>";
var g4_sca = "<?=isset($sca)?$sca:'';?>";
var g4_charset = "<?=$g4['charset']?>";
var g4_is_gecko = navigator.userAgent.toLowerCase().indexOf("gecko") != -1;
var g4_is_ie = navigator.userAgent.toLowerCase().indexOf("msie") != -1;
<? if ($is_admin) { echo "var g4_admin = '{$g4['admin']}';"; } ?>
</script>
<script language="javascript" src="<?=$g4['path']?>/js/common.js"></script>
<body width='<?=$table_width?>' topmargin="5" leftmargin="0" MARGINWIDTH=0 MARGINHEIGHT=0 rightmargin="0" bottommargin="0" style="background-image:URL(<?=$g4['path']?>/images/main_bg/bg_<?=$randomnum?>.gif); height=768; background-repeat:repeat-x;padding-top:5px" table-layout-fixed" <?=isset($g4['body_script']) ? $g4['body_script'] : "";?>>
<a name="g4_head"></a>
---------------------------------------------------------------------------------------------------------------------
$randomnum = rand(1, 8);를 정의에 추가했으며...
body에 스타일로 랜덤으로 불러냄
(style="background-image:URL(<?=$g4['path']?>/images/main_bg/bg_<?=$randomnum?>.gif); height=768; background-repeat:repeat-x;padding-top:5px" table-layout-fixed" )
예제의경우 이미지 8개랜덤...
9개일경우 $randomnum = rand(1, 9);
10개일경우 $randomnum = rand(1, 10);
3.index.php등 배경랜덤을 적용할페이지의 head.php상단의 문구수정..
include_once("$g4[path]/head.sub.php");
를
include_once("$g4[path]/head.sub_main.php");
로
4.테스트해본다...
주의할점은 랜덤정의의 이미지갯수와 이미지경로의 이미지 갯수가 일치해야하고...
배경이미지의 크기가 너무크면 이미지크기 트래픽 및 랜덤트래픽이 심할수 있음...
10kb미만 권장...
1.배경이 될 이미지들을 묶어서 이미지폴더(main_bg)를 경로에 올림(경로예제: 그누/images/main_bg)
2.head.sub.php를 변용한 head.sub_main.php를 만든다...(관리자화면이나...게시판모드에서는 head.sub.php가 먹어야됨으로)
이하 head.sub_main.php의 내용
---------------------------------------------------------------------------------------------------------------------
<?
// 이 파일은 새로운 파일 생성시 반드시 포함되어야 함
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$begin_time = get_microtime();
if (!$g4['title'])
$g4['title'] = $config['cf_title'];
// 쪽지를 받았나?
if ($member['mb_memo_call']) {
$mb = get_member($member[mb_memo_call], "mb_nick");
sql_query(" update {$g4[member_table]} set mb_memo_call = '' where mb_id = '$member[mb_id]' ");
alert($mb[mb_nick]."님으로부터 쪽지가 전달되었습니다.", $_SERVER[REQUEST_URI]);
}
// 현재 접속자
//$lo_location = get_text($g4[title]);
//$lo_location = $g4[title];
// 게시판 제목에 ' 포함되면 오류 발생
$lo_location = addslashes($g4['title']);
if (!$lo_location)
$lo_location = $_SERVER['REQUEST_URI'];
//$lo_url = $g4[url] . $_SERVER['REQUEST_URI'];
$lo_url = $_SERVER['REQUEST_URI'];
if (strstr($lo_url, "/$g4[admin]/") || $is_admin == "super") $lo_url = "";
// 자바스크립트에서 go(-1) 함수를 쓰면 폼값이 사라질때 해당 폼의 상단에 사용하면
// 캐쉬의 내용을 가져옴. 완전한지는 검증되지 않음
header("Content-Type: text/html; charset=$g4[charset]");
$gmnow = gmdate("D, d M Y H:i:s") . " GMT";
header("Expires: 0"); // rfc2616 - Section 14.21
header("Last-Modified: " . $gmnow);
header("Cache-Control: no-store, no-cache, must-revalidate"); // HTTP/1.1
header("Cache-Control: pre-check=0, post-check=0, max-age=0"); // HTTP/1.1
header("Pragma: no-cache"); // HTTP/1.0
$randomnum = rand(1, 8);
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=<?=$g4['charset']?>">
<title><?=$g4['title']?></title>
<link rel="stylesheet" href="<?=$g4['path']?>/style.css" type="text/css">
</head>
<script language="javascript">
// 자바스크립트에서 사용하는 전역변수 선언
var g4_path = "<?=$g4['path']?>";
var g4_bbs = "<?=$g4['bbs']?>";
var g4_bbs_img = "<?=$g4['bbs_img']?>";
var g4_url = "<?=$g4['url']?>";
var g4_is_member = "<?=$is_member?>";
var g4_is_admin = "<?=$is_admin?>";
var g4_bo_table = "<?=isset($bo_table)?$bo_table:'';?>";
var g4_sca = "<?=isset($sca)?$sca:'';?>";
var g4_charset = "<?=$g4['charset']?>";
var g4_is_gecko = navigator.userAgent.toLowerCase().indexOf("gecko") != -1;
var g4_is_ie = navigator.userAgent.toLowerCase().indexOf("msie") != -1;
<? if ($is_admin) { echo "var g4_admin = '{$g4['admin']}';"; } ?>
</script>
<script language="javascript" src="<?=$g4['path']?>/js/common.js"></script>
<body width='<?=$table_width?>' topmargin="5" leftmargin="0" MARGINWIDTH=0 MARGINHEIGHT=0 rightmargin="0" bottommargin="0" style="background-image:URL(<?=$g4['path']?>/images/main_bg/bg_<?=$randomnum?>.gif); height=768; background-repeat:repeat-x;padding-top:5px" table-layout-fixed" <?=isset($g4['body_script']) ? $g4['body_script'] : "";?>>
<a name="g4_head"></a>
---------------------------------------------------------------------------------------------------------------------
$randomnum = rand(1, 8);를 정의에 추가했으며...
body에 스타일로 랜덤으로 불러냄
(style="background-image:URL(<?=$g4['path']?>/images/main_bg/bg_<?=$randomnum?>.gif); height=768; background-repeat:repeat-x;padding-top:5px" table-layout-fixed" )
예제의경우 이미지 8개랜덤...
9개일경우 $randomnum = rand(1, 9);
10개일경우 $randomnum = rand(1, 10);
3.index.php등 배경랜덤을 적용할페이지의 head.php상단의 문구수정..
include_once("$g4[path]/head.sub.php");
를
include_once("$g4[path]/head.sub_main.php");
로
4.테스트해본다...
주의할점은 랜덤정의의 이미지갯수와 이미지경로의 이미지 갯수가 일치해야하고...
배경이미지의 크기가 너무크면 이미지크기 트래픽 및 랜덤트래픽이 심할수 있음...
10kb미만 권장...
추천
0
0
댓글 2개
재미있게 응용이 가능한 팁입니다*^^*
스크랩 했습니다.
나중에 적용해보겠습니다.
나중에 적용해보겠습니다.
