아코디언 최신글...

불당   
   조회 3786  

latest.skin.php (2.7K), Down : 4, 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 -
아이티뱅크 IT실무자 복영일
JAVA, JAVA, 무료수강40%할인, IT실무자 상담, 취업연계, 취업꿀팁
대학인강은 역시 유니와이즈
공대생을 위한 완벽강의! 개념부터 다양한 실습까지, 자바프로그래밍은 유니와이즈에서
KGITBANK학원 김종수
상담예약접수처, 중고등학생수시대비, 대학전공, 국비지원취업, 정보보안전문가학원.
파워링크 AD   클릭초이스등록


제목Page 1/3
2015-12   1442   불당
2015-12   1804   재회
2015-10   1467   불당
2014-02   3787   불당
2014-02   4048   불당
2014-02   3751   불당
2014-02   3641   불당
2014-02   3489   불당
2014-02   3387   불당
2014-02   3246   불당
2014-02   3334   불당
2014-02   3038   불당
2014-02   3428   불당
2014-02   3506   불당
2014-02   3378   불당
2014-02   3481   불당
2014-01   3764   불당
2014-01   3656   불당
2013-11   5060   불당
2013-11   4193   불당