초짜가 부탁드립니다. 갤러리에서 여러개 올라간이미지를 클릭시 팝업으로 ..
본문
http://sir.kr/g5_skin/9272?page=10
이 스킨을 이용해서 사용하려고 하는데요...목록에서 썸네일 클릭시 뜨는 창 하단에 리스트로 나오는 이미지를 각각 갤러리의 여러개 포함된 이미지를 보여주고 싶은데 불러오는 곳이 어딘지 도저희 찾지를 못해 지금 5일째 헤메다 이렇게 질문란에 함 올려 봅니다...
리스트 스킨의 소스 입니다.
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);
?>
<!-- include jQuery -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<!-- for dragging/swiping/pinching, include Hammer.js -->
<script type="text/javascript" src="http://cdn.jsdelivr.net/hammerjs/2.0.3/hammer.min.js"></script>
<!-- for scaling UI buttons (for wide websites on small screens), include FlameViewportScale -->
<script type="text/javascript" language="javascript" src="<?php echo $board_skin_url?>/lib/FlameViewportScale.js"></script>
<!-- include Tos "R"Us -->
<script type="text/javascript" language="javascript" src="<?php echo $board_skin_url?>/src/js/jquery.tosrus.min.all.js"></script>
<link type="text/css" media="all" rel="stylesheet" href="<?php echo $board_skin_url?>/src/css/jquery.tosrus.all.css" />
<!-- fire the plugin onDocumentReady -->
<script type="text/javascript" language="javascript">
jQuery(function( $ ) {
$('#gallery-1 a').tosrus({
buttons: 'inline',
pagination : {
add : true,
type : 'thumbnails'
}
});
});
</script>
<!-- CSS for this demo page -->
<style type="text/css" media="all">
.thumbs,
.gallery,
.links,
.thumbs {
padding: 10px 30px 30px 50px;
text-align: center;
}
.thumbs:after {
content: " ";
display: block;
clear: both;
}
.thumbs a {
display: inline-block;
margin: 10px 10px 0 0;
}
thumbs img
{
width: 120px;
height: 120px;
}
.thumbs img,
.gallery img {
border: 1px solid #ccc;
background: #fff;
padding: 9px;
}
.thumbs a:hover img {
border-color: #999;
}
.gallery {
height: 300px;
padding: 30px 0;
}
.links {
padding: 30px 50px;
}
.links a {
line-height: 30px;
}
.hidden {
display: none;
}
</style>
<h2 id="container_title"><?php echo $board['bo_subject'] ?><span class="sound_only"> 목록</span></h2>
<!-- 게시판 목록 시작 { -->
<div id="bo_gall" style="width:<?php echo $width; ?>">
<?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 } ?>
<div class="bo_fx">
<div id="bo_list_total">
<span>Total <?php echo number_format($total_count) ?>건</span>
<?php echo $page ?> 페이지
</div>
<?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>
<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="sst" value="<?php echo $sst ?>">
<input type="hidden" name="sod" value="<?php echo $sod ?>">
<input type="hidden" name="page" value="<?php echo $page ?>">
<input type="hidden" name="sw" value="">
<?php if ($is_checkbox) { ?>
<div id="gall_allchk">
<label for="chkall" class="sound_only">현재 페이지 게시물 전체</label>
<input type="checkbox" id="chkall" onclick="if (this.checked) all_checked(true); else all_checked(false);">
</div>
<?php } ?>
<div id="gallery-1" class="thumbs">
<?php for ($i=0; $i<count($list); $i++) { ?>
<?php $thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height']);?>
<div style="float:left">
<a href="<?php echo $thumb['ori']?>">
<img src="<?php echo $thumb['src']?>" /></a>
<br/><p style="padding:5px;text-align:center;">
<?php
if ($is_category && $list[$i]['ca_name']) {
?>
<span style="cursor:pointer" onclick="location.href='<?php echo $list[$i]['ca_name_href'] ?>'" class="bo_cate_link"><?php echo $list[$i]['ca_name'] ?></span>
<?php } ?>
<span style="cursor:pointer" onclick="location.href='<?php echo $list[$i]['href'] ?>'"><?php echo $list[$i]['subject'] ?>
<?php if (isset($list[$i]['icon_new'])) echo "<span style='background:red;color:#fff'> new <span>";?>
</span>
</p>
</div>
<?php } ?>
<?php if (count($list) == 0) { echo "게시물이 없습니다."; } ?>
</div>
<div style="clear"></div>
<?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 } ?>
<?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>
<?php if($is_checkbox) { ?>
<noscript>
<p>자바스크립트를 사용하지 않는 경우<br>별도의 확인 절차 없이 바로 선택삭제 처리하므로 주의하시기 바랍니다.</p>
</noscript>
<?php } ?>
<!-- 페이지 -->
<?php echo $write_pages; ?>
<!-- 게시물 검색 시작 { -->
<fieldset id="bo_sch">
<legend>게시물 검색</legend>
<form name="fsearch" method="get">
<input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
<input type="hidden" name="sca" value="<?php echo $sca ?>">
<input type="hidden" name="sop" value="and">
<label for="sfl" class="sound_only">검색대상</label>
<select name="sfl" id="sfl">
<option value="wr_subject"<?php echo get_selected($sfl, 'wr_subject', true); ?>>제목</option>
<option value="wr_content"<?php echo get_selected($sfl, 'wr_content'); ?>>내용</option>
<option value="wr_subject||wr_content"<?php echo get_selected($sfl, 'wr_subject||wr_content'); ?>>제목+내용</option>
<option value="mb_id,1"<?php echo get_selected($sfl, 'mb_id,1'); ?>>회원아이디</option>
<option value="mb_id,0"<?php echo get_selected($sfl, 'mb_id,0'); ?>>회원아이디(코)</option>
<option value="wr_name,1"<?php echo get_selected($sfl, 'wr_name,1'); ?>>글쓴이</option>
<option value="wr_name,0"<?php echo get_selected($sfl, 'wr_name,0'); ?>>글쓴이(코)</option>
</select>
<label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
<input type="text" name="stx" value="<?php echo stripslashes($stx) ?>" required id="stx" class="frm_input required" size="15" maxlength="20">
<input type="submit" value="검색" class="btn_submit">
</form>
</fieldset>
<!-- } 게시물 검색 끝 -->
<?php if ($is_checkbox) { ?>
<script>
function all_checked(sw) {
var f = document.fboardlist;
for (var i=0; i<f.length; i++) {
if (f.elements[i].name == "chk_wr_id[]")
f.elements[i].checked = sw;
}
}
function fboardlist_submit(f) {
var chk_count = 0;
for (var i=0; i<f.length; i++) {
if (f.elements[i].name == "chk_wr_id[]" && f.elements[i].checked)
chk_count++;
}
if (!chk_count) {
alert(document.pressed + "할 게시물을 하나 이상 선택하세요.");
return false;
}
if(document.pressed == "선택복사") {
select_copy("copy");
return;
}
if(document.pressed == "선택이동") {
select_copy("move");
return;
}
if(document.pressed == "선택삭제") {
if (!confirm("선택한 게시물을 정말 삭제하시겠습니까?\n\n한번 삭제한 자료는 복구할 수 없습니다\n\n답변글이 있는 게시글을 선택하신 경우\n답변글도 선택하셔야 게시글이 삭제됩니다."))
return false;
f.removeAttribute("target");
f.action = "./board_list_update.php";
}
return true;
}
// 선택한 게시물 복사 및 이동
function select_copy(sw) {
var f = document.fboardlist;
if (sw == 'copy')
str = "복사";
else
str = "이동";
var sub_win = window.open("", "move", "left=50, top=50, width=500, height=550, scrollbars=1");
f.sw.value = sw;
f.target = "move";
f.action = "./move.php";
f.submit();
}
</script>
<?php } ?>
<!-- } 게시판 목록 끝 -->
답변 1
현재 말씀하신 부분은 list.skin.php파일에서 구성되어 있는 것이 아니라
js파일(jquery.tosrus.min.all.js)에서 썸네일 영역을 만들어 주고 있는 형태로 보여집니다.
해당 스킨에서 사용한 원본 제이쿼리는
http://tosrus.frebsite.nl 사이트인 듯 한데요. 한번 살펴보세요.