리스트 이미지 가로 2개 이미지를 3개로 변경 할려면. 채택완료
게시판 주소: http://mulim.woweb.net/bbs/board.php?bo_table=B51">http://mulim.woweb.net/bbs/board.php?bo_table=B51
안녕하세요.
리스트 화면에 가로 2개 사진이 나타납니다. 그걸 가로 이미지 3개로 변경하고싶습니다.
</p><p><?php
include_once(G5_LIB_PATH.'/thumbnail.lib.php');</p><p>// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);
?></p><p> </p><p> </p><p><!-- 게시판 목록 시작 { -->
<div id="bo_gall" style="width:<?php echo $width; ?>"></p><p> <?php if ($is_category) { ?>
<nav id="bo_cate">
<h2><?php echo $board['bo_subject'] ?> 카테고리</h2>
<ul id="bo_cate_ul">
<?php echo $category_option ?>
</ul>
</nav>
<?php } ?></p><p> <div class="bo_fx"></p><p>
<?php if ($rss_href || $write_href) { ?>
<ul class="btn_bo_user">
<?php if ($rss_href) { ?><li><a href="<?php echo $rss_href ?>" class="btn_b01">RSS</a></li><?php } ?>
<?php if ($admin_href) { ?><li><a href="<?php echo $admin_href ?>" class="btn_admin">관리자</a></li><?php } ?>
<?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02">글쓰기</a></li><?php } ?>
</ul>
<?php } ?>
</div></p><p> <form name="fboardlist" id="fboardlist" action="./board_list_update.php" onsubmit="return fboardlist_submit(this);" method="post">
<input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
<input type="hidden" name="sfl" value="<?php echo $sfl ?>">
<input type="hidden" name="stx" value="<?php echo $stx ?>">
<input type="hidden" name="spt" value="<?php echo $spt ?>">
<input type="hidden" name="page" value="<?php echo $page ?>">
<input type="hidden" name="sw" value=""></p><p> <?php if ($is_checkbox) { ?>
<div id="gall_allchk">
현재 페이지 게시물 전체 <input type="checkbox" id="chkall" onclick="if (this.checked) all_checked(true); else all_checked(false);">
</div>
<?php } ?>
<!--
like 데이터 조회
-->
</p><p> <ul id="gall_ul">
<?php for ($i=0; $i<count($list); $i++) {
if($i>0 && ($i % $bo_gallery_cols == 0))
$style = 'clear:both;';
else
$style = '';
if ($i == 0) $k = 0;
$k += 1;
if ($k % $bo_gallery_cols == 0) $style .= "margin:0 !important;";
?>
<li class="gall_li <?php if ($wr_id == $list[$i]['wr_id']) { ?>gall_now<?php } ?>" style="<?php echo $style ?>width:250px;">
<?php if ($is_checkbox) { ?>
<label for="chk_wr_id_<?php echo $i ?>" class="sound_only"><?php echo $list[$i]['subject'] ?></label>
<input type="checkbox" name="chk_wr_id[]" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>">
<?php } ?>
<span class="sound_only">
<?php
if ($wr_id == $list[$i]['wr_id'])
echo "<span class=\"bo_current\">열람중</span>";
else
echo $list[$i]['num'];
?>
</span>
<ul class="gall_con">
<li class="gall_href" style='border:1px solid #cccccc'>
<?
$file = get_file($bo_table, $list[$i]['wr_id']);
$file_path = $file[0]['path']."/".$file[0]['file'];
?>
<a class="fancybox" rel="group" href="<?=$file_path?>">
<?
$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], "248px", $board['bo_gallery_height']);</p><p> if($thumb['src']) {
$img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" width="248px" height="'.$board['bo_gallery_height'].'" style="">';
} else {
$img_content = '<span style="width:'.$board['bo_gallery_width'].'px;height:'.$board['bo_gallery_height'].'px">no image</span>';
}</p><p> echo $img_content;
?>
</a>
<li class="gall_text_href" style="width:<?php echo $board['bo_gallery_width'] ?>px">
<?php
// echo $list[$i]['icon_reply']; 갤러리는 reply 를 사용 안 할 것 같습니다. - 지운아빠 2013-03-04
if ($is_category && $list[$i]['ca_name']) {
?>
<a href="<?php echo $list[$i]['ca_name_href'] ?>" class="bo_cate_link"><?php echo $list[$i]['ca_name'] ?></a>
<?php } ?></p><p>
</li>
</ul>
</li>
<?php } ?>
<?php if (count($list) == 0) { echo "<li class=\"empty_list\">게시물이 없습니다.</li>"; } ?>
</ul></p><p> <?php if ($list_href || $is_checkbox || $write_href) { ?>
<div class="bo_fx">
<?php if ($is_checkbox) { ?>
<ul class="btn_bo_adm">
<li><input type="submit" name="btn_submit" value="선택삭제" onclick="document.pressed=this.value"></li>
<li><input type="submit" name="btn_submit" value="선택복사" onclick="document.pressed=this.value"></li>
<li><input type="submit" name="btn_submit" value="선택이동" onclick="document.pressed=this.value"></li>
</ul>
<?php } ?></p><p> <?php if ($list_href || $write_href) { ?>
<ul class="btn_bo_user">
<?php if ($list_href) { ?><li><a href="<?php echo $list_href ?>" class="btn_b01">목록</a></li><?php } ?>
<?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02">글쓰기</a></li><?php } ?>
</ul>
<?php } ?>
</div>
<?php } ?>
</form>
</div></p><p><?
?>
<input type="hidden" id="is_guest_check" value="<?=$member['mb_id']?>"></p><p> </p><p>
<?php if($is_checkbox) { ?>
<noscript>
<p>자바스크립트를 사용하지 않는 경우
별도의 확인 절차 없이 바로 선택삭제 처리하므로 주의하시기 바랍니다.</p>
</noscript>
<?php } ?></p><p><!-- 페이지 -->
<?php echo $write_pages; ?></p><p> </p><p><?php if ($is_checkbox) { ?>
<script>
function all_checked(sw) {
var f = document.fboardlist;</p><p> for (var i=0; i<f.length; i++) {
if (f.elements[i].name == "chk_wr_id[]")
f.elements[i].checked = sw;
}
}</p><p>function fboardlist_submit(f) {
var chk_count = 0;</p><p> for (var i=0; i<f.length; i++) {
if (f.elements[i].name == "chk_wr_id[]" && f.elements[i].checked)
chk_count++;
}</p><p> if (!chk_count) {
alert(document.pressed + "할 게시물을 하나 이상 선택하세요.");
return false;
}</p><p> if(document.pressed == "선택복사") {
select_copy("copy");
return;
}</p><p> if(document.pressed == "선택이동") {
select_copy("move");
return;
}</p><p> if(document.pressed == "선택삭제") {
if (!confirm("선택한 게시물을 정말 삭제하시겠습니까?\n\n한번 삭제한 자료는 복구할 수 없습니다\n\n답변글이 있는 게시글을 선택하신 경우\n답변글도 선택하셔야 게시글이 삭제됩니다."))
return false;</p><p> f.removeAttribute("target");
f.action = "./board_list_update.php";
}</p><p> return true;
}</p><p>// 선택한 게시물 복사 및 이동
function select_copy(sw) {
var f = document.fboardlist;</p><p> if (sw == 'copy')
str = "복사";
else
str = "이동";</p><p> var sub_win = window.open("", "move", "left=50, top=50, width=500, height=550, scrollbars=1");</p><p> f.sw.value = sw;
f.target = "move";
f.action = "./move.php";
f.submit();
}
</script></p><p> </p><p><?php } ?>
<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="<?=$board_skin_url?>/source/jquery.mousewheel-3.0.6.pack.js"></script></p><p><!-- Add fancyBox -->
<link rel="stylesheet" href="<?=$board_skin_url?>/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="<?=$board_skin_url?>/source/jquery.fancybox.pack.js?v=2.1.5"></script></p><p><!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="<?=$board_skin_url?>/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="<?=$board_skin_url?>/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="<?=$board_skin_url?>/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script></p><p><link rel="stylesheet" href="<?=$board_skin_url?>/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="<?=$board_skin_url?>/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script></p><p><script type="text/javascript">
jQuery(document).ready(function(){
jQuery(".fancybox").fancybox();
});
</script>
<!-- } 게시판 목록 끝 -->
답변 4개
대문을 보니... 구조를 많이 바꾸셨네요.
원본을 막 섞어버렸...
'wrapper'가 거꾸로 'container' 속으로 들어가버리고, 'main'이라는 것을 새로 만들었는데...
게시판은 원래의 소스와 수정한 스킨 소스 2곳의 영향을 받는...
다른 사람의 도움을 받기가 쉽지 않겠네요.
댓글을 작성하려면 로그인이 필요합니다.
본문 내용중에 248px를 찾으셔서 248 이부분을 <?php echo $board['bo_gallery_width'] ?> 로 교체하시고 게시판 관리자에서 수정 해 보세요.
답변에 대한 댓글 2개
제가 사용하는 스킨에서는 가로 3줄로 출력 됩니다.
http://skin.apachezone.com/bbs/board.php?bo_table=01_4_3
소스보기 하셔서 둘다 비교해 보시는것도 좋은 방법이 될겁니다....^^
댓글을 작성하려면 로그인이 필요합니다.
style.css
#bo_cate ul {margin-bottom:10px;padding-left:1px;width:728px;zoom:1}
의 width를 수정하신 container 너비에 맞게 수정해 주어야 합니다.
그런데, 수정 방법 자체가 일차적으로 잘못된 것 같습니다.
위 본문에도 보면 px이 직접 입력된 곳이 3곳이나 됩니다.
원래는 자동출력 소스가 있어야 할 자리로 보입니다.
게시판 설정의 썸네일 크기 설정에 따라 자동으로 출력되게 프로그램 되어 있지요.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], "<?php echo $board['bo_gallery_width'] ?>", $board['bo_gallery_height']);
이렇게 하라는 말씀인가요?