아코디언 최신글...

불당   
   조회 3434  

latest.skin.php (2.7K), Down : 3, 2014-02

부트스트랩에는 아코디언 목록의 예제가 있습니다.

http://getbootstrap.com/javascript/#collapse-examples


갤러리 등에 응용하면 괜츈...


<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

if (!$skin_title) {
    if ($board[bo_subject]) {
        $skin_title = $board[bo_subject];
        $skin_title_link = "$g4[bbs_path]/board.php?bo_table=$bo_table";
    } else {
        $skin_title = "최신글";
    }
}
?>
<div class="panel-group" id="accordion">
    <?
    if (count($list) == 0) {
        echo "<div style='height:200px;'><a href='#'>내용없슴</a></div>";
    } else {
        // 랜덤하게 아코디언을 열어줍니다
        $open_in = rand(0, count($list)-1);

        // 오픈되는 배열을 가장 위로 올린다 (선택된 것을 0으로 올리고, 0부터 선택된거 위까지 밀어 내린다)
        $tmp = $list[$open_in];
        for ($i=$open_in; $i>0; $i--) {
            $list[$i] = $list[$i-1];
        }
        $list[0] = $tmp;

        for ($i=0; $i<count($list); $i++) {
    ?>
        <!-- margin-bottom:-6px는 css마다 다르므로... 알아서 수정해주세요 -->
        <div class="panel panel-default" style="margin-bottom:-6px;">
        <div class="panel-heading">
            <a data-toggle="collapse" data-parent="#accordion" href="#collapse_<?=$i?>">
            <?
            if ($list[$i][icon_secret])
                echo "<i class=\"fa fa-lock\"></i> ";
 
            if ($list[$i][bo_name])
                $list_title = $list[$i][bo_name] . " : " . $list[$i][subject] . " (". $list[$i][datetime] . ")" ;
            else
                $list_title = $list[$i][subject]  . " (". $list[$i][datetime] . ")" ;
 
            if ($list[$i][icon_reply])
                echo "<i class=\"fa fa-reply fa-rotate-180\"></i> ";

           if ($list[$i][comment_cnt])
               echo " <small>" . $list[$i][comment_cnt] . "</small> ";
 
            if ($list[$i][is_notice])
                echo "<strong>" . $list[$i][subject] . "</strong>";
            else
                echo $list[$i][subject];
 
            if ($list[$i][icon_new])
                echo "  <i class=\"fa fa-bell-o\"></i>";
            ?>
            </a>
            <span class="pull-right">
                <a href='<?=$list[$i][href]?>' onfocus='this.blur()' title='<?=$list_title?>' <?=$target_link?>>
                <i class="fa fa-external-link"></i>
                </a>
            </span>
        </div>
        <?
        // 처음나오는 것을 open... in이 class에 들어가면 열립니다
        if ($i == 0)
            $in = "in";
        else
            $in = "";
        ?>
        <div id="collapse_<?=$i?>" class="panel-collapse collapse <?=$in?>" >
            <div class="panel-body">
                <?=cut_str(strip_tags($list[$i][wr_content]),250)?>
            </div>
        </div>
    </div>
    <?
        }
    }
    ?>
</div>

- opencode.co.kr -
옥션 SCRIPT
SCRIPT! ALL KILL 특가, 스마트배송, 누구나 10% 할인!
아이티뱅크멀티캠퍼스 전명구
정보보안학원, 신규등록접수처, IT취업반, 기업위탁교육전문, 국비지원계좌제교육.
광고스튜디오 비올스튜디오
파주 대형호리존, 광고촬영,홍보영상,화보촬영,홈쇼핑동영상 광고스튜디오
파워링크 AD   클릭초이스등록


제목Page 1/3
2015-12   1005   불당
2015-12   1294   재회
2015-10   1007   불당
2014-02   3435   불당
2014-02   3655   불당
2014-02   3386   불당
2014-02   3277   불당
2014-02   3106   불당
2014-02   3064   불당
2014-02   2854   불당
2014-02   3007   불당
2014-02   2725   불당
2014-02   3107   불당
2014-02   3108   불당
2014-02   3027   불당
2014-02   3159   불당
2014-01   3434   불당
2014-01   3318   불당
2013-11   4535   불당
2013-11   3831   불당