최신사진 슬라이드 적용질문(코드추가)
본문
안녕하세요 아까 질문드렸었는데 현재 상황을 올려보겠습니다
이전 질문(https://sir.kr/qa/216168?vpage=1#answer_216210)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="Robots" content="">
<link rel="canonical" href="">
</head>
<style type="text/css">
@charset "utf-8";
@font-face {
font-family: 'NanumBarunGothic';
src: url('/font/NanumBarunGothic.eot');
src: url('/font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),/*ie 6,7,8 적용 embedded-opentype ie 8,9 적용*/
url('/font/NanumBarunGothic.woff') format('woff'),/* ie 제외한 나머지 */
url('/font/NanumBarunGothic.ttf') format('truetype'),
url('/font/NanumBarunGothic.svg#NanumBarunGothic') format('svg');/ *모바일브라우져*/
}
.h2{font-family:NanumBarunGothic; font-size:27px; color:#FFFFFF; font-weight:800; text-shadow:3px 2px 5px #999999;}
.h3{font-family:NanumBarunGothic; font-size:30px; color:#FFCC00; font-weight:800; text-shadow:3px 2px 5px #999999;}
.h4{font-family:NanumBarunGothic; font-size:40px; color:#006600; font-weight:800; text-shadow:3px 2px 5px #999999;}
.h5{font-family:NanumBarunGothic; font-size:15px; color:#000033; font-weight:800;}
.h6{font-family:NanumBarunGothic; font-size:15px; color:#000000; font-weight:800;}
.h7{font-family:NanumBarunGothic; font-size:13px; color:#999999; font-weight:800;}
.h8{font-family:NanumBarunGothic; font-size:14px; color:#000000;}
.h9{font-family:NanumBarunGothic; font-size:16px; color:#000000; font-weight:800;}
.h10{font-family:NanumBarunGothic; font-size:18px; color:#000033; font-weight:800;}
.h11{font-family:NanumBarunGothic; font-size:15px; color:#999999; font-weight:800; }
<!--
img { border:0 }
//-->
</style>
<body style="text-align:center; padding:0px;" >
<div style="width:1000px; height:500px; position:absolute; left:25px; top:300px; ">
<?php
echo latest("basic", "pro", 15, 25);
?>
</div>
</body>
</html>
이게 제가 만든 페이지입니다 현재 아무것도 뜨지않습니다.
관리자모드에서 게시판에 table : pro / skin : basic / 제목 : pro 로 만든상태이며
사진글을 3개정도올려놨습니다.
드라이브에는 www위치에 test2.html 이라고 저장해놓은상태입니다
(index.php와 test2.html이 같은위치에 저장되어있습니다)
그누보드5는 www위치에서 설치했습니다.
(www위치에 bbs css data 등등의 폴더가있음)
<?php
include_once('./_common.php');
define('_INDEX_', true);
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
if(defined('G5_THEME_PATH')) {
require_once(G5_THEME_PATH.'/index.php');
return;
}
if (G5_IS_MOBILE) {
include_once(G5_MOBILE_PATH.'/index.php');
return;
}
include_once(G5_PATH.'/head.php');
?>
<h2 class="sound_only">최신글</h2>
<!-- 최신글 시작 { -->
<?php
// 최신글
$sql = " select bo_table
from `{$g5['board_table']}` a left join `{$g5['group_table']}` b on (a.gr_id=b.gr_id)
where a.bo_device <> 'mobile' ";
if(!$is_admin)
$sql .= " and a.bo_use_cert = '' ";
$sql .= " order by b.gr_order, a.bo_order ";
$result = sql_query($sql);
for ($i=0; $row=sql_fetch_array($result); $i++) {
if ($i%2==1) $lt_style = "margin-left:20px";
else $lt_style = "";
?>
<div style="float:left;<?php echo $lt_style ?>">
<?php
// 이 함수가 바로 최신글을 추출하는 역할을 합니다.
// 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
// 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
echo latest("basic", $row['bo_table'], 5, 25);
?>
</div>
<?php
}
?>
<!-- } 최신글 끝 -->
<?php
include_once(G5_PATH.'/tail.php');
?>
이것은 index.php 파일입니다 (www위치에있는)
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
$imgwidth = "100"; //표시할 이미지의 가로사이즈
$imgheight = "100"; //표시할 이미지의 세로사이즈
?>
<link rel="stylesheet" href="<?php echo $latest_skin_url ?>/style_gallery.css">
<link rel="stylesheet" href="<?php echo $latest_skin_url ?>/jquery.bxslider.css">
<script type="text/javascript" src="<?php echo $latest_skin_url ?>/jquery.bxslider.js"></script>
<script type="text/javascript">
// 메인 갤러리 슬라이드 적용
$(document).ready(function(){
$('.slider1').bxSlider({
auto:true,
slideWidth: 130,
minSlides: 2,
maxSlides: 5,
slideMargin: 6
});
});
// 메인 갤러리 슬라이드 마우스 오버 적용
$(window).load(function() {
//On mouseenter Event
$(".slide").mouseenter(function() {
$(this).removeClass("sbox");
$(this).addClass("sbox_over");
});
//On mouseleave Event
$(".slide").mouseleave(function() {
$(this).removeClass("sbox_over");
$(this).addClass("sbox");
});
});
</script>
<!-- <?php echo $bo_subject; ?> 최신글 시작 { -->
<div class="gy">
<strong class="lt_title"><a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>"><?php echo $bo_subject; ?></a></strong>
<div class="lt_more"><a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>"><span class="sound_only"><?php echo $bo_subject ?></span>더보기</a></div>
<div class="slider1">
<?php for ($i=0; $i<count($list); $i++) { ?>
<div class="slide sbox">
<a href="<?php echo $list[$i]['href'] ?>">
<?php
$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $imgwidth, $imgheight);
if($thumb['src']) {
$img_content = '<img src="'.$thumb['src'].'" alt="'.$list[$i]['subject'].'" width="" height="">';
} else {
$img_content = 'NO IMAGE';
}
echo $img_content;
?>
</a>
<div class="gy_cotent"><strong><a href="<?php echo $list[$i]['href'] ?>"><?php echo cut_str($list[$i]['subject'], 80, "..") ?></a></strong>
</div>
</div>
<?php } ?>
<? if (count($list) == 0) { //게시물이 없을 때 ?>
게시물이 없습니다.
<? } ?>
</div>
</div>
<!-- } <?php echo $bo_subject; ?> 최신글 끝 -->
이것은 아까 받은 최신글 슬라이드 스킨의 latest.skin.php 파일입니다.
www > skin > board > redgallery 와 www > skin > latest > redgallery 폴더에
모두 다 저장해놓았습니다.
무엇이 문제일까요 선생님들
답변 1
일단 위 www 폴더에 test.php 파일 하나만드시구요.
안에 코드는
<?php
include_once('./_common.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
echo latest("redgallery", "pro", 15, 25);
?>
넣으셔서 한번 실행해보세요.
그리고 맨 위에 만드신 문서는 캐릭터셋이 안맞네요.
charset=euc-kr 부분을 charset=UTF-8 으로 변경해 주셔야되고, 물론 파일 인코딩 자체도 UTF-8
로 해주셔야 됩니다.
그누보드5 자체가 기본적으로 UTF-8 입니다.
그리고 최상단 부분에
<?php
include_once('./_common.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
?>
코드 넣으시고
최신글 출력을 원하시는 부분에
<?php
echo latest("redgallery", "pro", 15, 25);
?>
이렇게 넣으시면 됩니다.
일단 문자가 깨지는것은 문서의 인코딩이 euc-kr 이기 때문입니다.
에디터를 어떤걸 쓰시는지 모르겠지만 사용하시는 프로그램에서
저장시 기본적으로 인코딩 변환은 지원할 겁니다.
잘 모르시겠다면 아래 프로그램들 사용하셔도 됩니다.
https://sir.kr/g4_convert?sca=&sfl=wr_subject&stx=euc-kr+utf8
답변감사합니다. 말씀하신대로 test.php 파일을 만들어서 www폴더에 넣었습니다.
그리고 주소/test.php 하고 들어가니까 사진, 더보기등 나오긴나옵니다
제작자분이 샘플로 올려놓은 사진이랑 비교하면 배치도이상하고..
제목도 가운데 검은색바탕으로 죽나오고 이상하게나오고있습니다.
아 그리고 말씀하신것처럼 test.php 파일을 넣고
test.html에도 똒같이
<?php
include_once('./_common.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
echo latest("redgallery", "pro", 15, 25);
?>
코드를 넣으니까 나오긴나오는데 위에말씀드린것처럼
이상하게 나오고있습니다.
아 test.php 파일 상단에
include_once('./_common.php'); 다음에
include_once(G5_PATH.'/head.sub.php'); 한줄 넣어줘 보세요.^^
아 그리고 기타 배치나 그외 요소들은 해당 스킨을 불러오는 문서에서 원하시는
형태에 맞게 스타일등을 적용해 주셔야 됩니다.
정말 감사합니다 ㅠㅠ 거의 해결되었어요
include_once(G5_PATH.'/head.sub.php');
까지 넣으니까 아까 제가 배치가이상하다고한게 자리를잡았습니다.
이제 샘플사진이랑 거의비슷한데 좌우 화살표모양은 아직 안생겼습니다..
그래도 도움주셔서 너무감사드립니다.
test.php를 안넣어서그런거였던건가요
그럼 혹시 나중에 테스트 끝나고 넣을때 index.html로 저장해서 넣을건데
index.php 에
<?php
include_once('./_common.php');
include_once(G5_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
echo latest("redgallery", "pro", 15, 25);
?>
이 코드넣어서 수정해주면 될까요??
네 마지막에 해당문서 최상단에
<?php
include_once('./_common.php');
include_once(G5_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
?>
라고 넣어주시고
아까 그 이미지 최신글을 불러 오시고 싶은 자리에
<?php
echo latest("redgallery", "pro", 15, 25);
?>
라고 넣어 주시고, 문서 최 하단에
<?php
include_once(G5_PATH."/tail.sub.php");
?>
라고 넣어 주시면 됩니다.
그리고 테스트용 이미지를 게시판에 여러개 더 넣어 작성해보세요, 버튼등이 생길겁니다.
