아코디언 최신글...

불당   
   조회 4179  

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 -
자바 웹 프로그래밍 마스터
개발자 대상 JAVA 마스터 코스. 취업연계 전일제 과정. 3개월/6개월 등록가능
한국소프트웨어기술진흥협회
JAVA,100%무료교육,우수SW기업취업연계, SW기술진흥,SW인재양성기관
데브렉 자바마스터
JAVA, JSP, 스트럿츠, 스프링, MVC, 온라인 자바 동영상 교육과정.
파워링크 AD   클릭초이스등록


제목Page 1/3
2015-12   1997   불당
2015-12   2310   재회
2015-10   1932   불당
2014-02   4180   불당
2014-02   4475   불당
2014-02   4152   불당
2014-02   4046   불당
2014-02   3872   불당
2014-02   3742   불당
2014-02   3588   불당
2014-02   3683   불당
2014-02   3405   불당
2014-02   3790   불당
2014-02   3859   불당
2014-02   3773   불당
2014-02   3827   불당
2014-01   4140   불당
2014-01   4000   불당
2013-11   5757   불당
2013-11   4569   불당