초짜가 부탁드립니다. 갤러리에서 여러개 올라간이미지를 클릭시 팝업으로 ..

초짜가 부탁드립니다. 갤러리에서 여러개 올라간이미지를 클릭시 팝업으로 ..

QA

초짜가 부탁드립니다. 갤러리에서 여러개 올라간이미지를 클릭시 팝업으로 ..

답변 1

본문

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 사이트인 듯 한데요. 한번 살펴보세요.

 

답변을 작성하시기 전에 로그인 해주세요.
전체 2
© SIRSOFT
현재 페이지 제일 처음으로