최신글 수정 채택완료
초초동
8년 전
조회 4,674
안녕하세요.
최신글 관련 질문입니다.
이렇게 출력을 합니다.
gallery의 소스코드는 아래와 같습니다.
보시다시피 tab으로 여러가지가 있습니다.
ca_name도 똑같이 추가를 했습니다.
( ca_name을 추가한다고 tab이 늘지는 않습니다. 이건 상관없음)
질문은
저렇게 최신글 출력코드로 최신글을 뿌려주면 12개의 최신글이 나오는데요.
WEB SITE, SHOPPING MALL 등도 각 탭을 눌렀을 때12개씩 나오게 하고 싶습니다.
( 각각 12개 꽉꽉 채워서 - 각각 12개씩은 넘게 있다는 가정하에 )
예를 들어
ALL | WEBSITE | SHOPPINGMALL | MOBILE | BLOG&CAFE | ETC
12개 2개 3개 4개 3개 0개
처음에는 이렇게 각각 WEB~ETC까지 합쳐서 12개가 출력이 되고,
WEBSITE 탭을 누른다고 해도 2개 밖에 나오지 않는데,
WEBSITE 탭을 누르면 WEBSITE 12개가 출력되고 싶습니다.
</p><p><?</p><p>if (!defined('_GNUBOARD_')) exit; //개별 페이지 접근 불가</p><p>include_once(G5_LIB_PATH.'/thumbnail.lib.php');</p><p> </p><p>$set_value = explode("/","284/207/1200px");</p><p>$thumb_width = $set_value[0]; //썸네일 가로 크기</p><p>$thumb_height = $set_value[1]; //썸네일 세로 크기</p><p>$bottom_width = ($thumb_width +10 ) * $set_value[2] -10; //전체 가로 크기</p><p>add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);</p><p>?></p><p> </p><p> </p><p><div class="big-demo go-wide" data-js-module="filtering-demo"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><div class="filter-button-group button-group js-radio-button-group " ></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><div class="filters"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><ul></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><li><button class="button is-checked" data-filter="*">ALL</button></li></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><li><button class="button" data-filter=".WEBSITE">WEB SITE</button></li></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><li><button class="button" data-filter=".SHOPPINGMALL">SHOPPING MALL</button></li></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><li><button class="button" data-filter=".MOBILE">MOBILE</button></li></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><li><button class="button" data-filter=".BLOG">BLOG&CAFE</button></li></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><li><button class="button" data-filter=".ETC">ETC</button></li></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></ul></p><p><span class="Apple-tab-span" style="white-space:pre"> </span> </div></p><p><span class="Apple-tab-span" style="white-space:pre"> </span> </div></p><p><span class="Apple-tab-span" style="white-space:pre"> </span> </p><p> <div class="bott1_thumb grid"></p><p> <? if (!count($list) == 0) { ?></p><p> </p><p> <?</p><p> for ($i = 0; $i < count($list); $i++) {</p><p> $noimg = $latest_skin_url.'/img/_noimg.gif';</p><p> $thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], '284', '207');</p><p> </p><p> if($thumb['src']) {</p><p> $img_src = $thumb['src'];</p><p> } else {</p><p> $img_src = $noimg;</p><p> }</p><p> $img_alt = $thumb['alt'];</p><p> </p><p> if($i>0 && ($i%$set_value[2]) == ($set_value[2] - 1)) {</p><p> $li_class = '';</p><p> } else {</p><p> $li_class = ' class="';</p><p> }</p><p> ?></p><p> <div <?=$li_class?>element-item <?php echo $list[$i]['ca_name']?>"> </p><p> <a href="<?=$list[$i]['href'] ?>"></p><p> </p><p> <img src="<?= $img_src?>" alt="<?=$img_alt?>" width="<?= $thumb_width?>" height="<?= $thumb_height?>" ></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p> </a></p><p> </div></p><p> <? } ?></p><p> </p><p> <? } else { ?></p><p> <p class="bott1_no_list">게시물이 없습니다.</p></p><p> <? } ?></p><p> </div></p><p> </div></p><p><script src='<a href="<a href="http://production-assets.codepen.io/assets/common/stopExecutionOnTimeout-58d22c749295bca52f487966e382a94a495ac103faca9206cbd160bdf8aedf2a.js" target="_blank" rel="noopener noreferrer">http://production-assets.codepen.io/assets/common/stopExecutionOnTimeout-58d22c749295bca52f487966e382a94a495ac103faca9206cbd160bdf8aedf2a.js</a>"><a href="http://production-assets.codepen.io/assets/common/stopExecutionOnTimeout-58d22c749295bca52f487966e382a94a495ac103faca9206cbd160bdf8aedf2a.js" target="_blank" rel="noopener noreferrer">http://production-assets.codepen.io/assets/common/stopExecutionOnTimeout-58d22c749295bca52f487966e382a94a495ac103faca9206cbd160bdf8aedf2a.js</a></a>'></script></p><p><script src='<a href="<a href="http://npmcdn.com/isotope-layout@3/dist/isotope.pkgd.js" target="_blank" rel="noopener noreferrer">http://npmcdn.com/isotope-layout@3/dist/isotope.pkgd.js</a>"><a href="http://npmcdn.com/isotope-layout@3/dist/isotope.pkgd.js" target="_blank" rel="noopener noreferrer">http://npmcdn.com/isotope-layout@3/dist/isotope.pkgd.js</a></a>'></script></p><p><script>var $grid = $('.grid').isotope({ itemSelector: '.element-item' });</p><p>var filters = {};</p><p>$('.filters').on('click', '.button', function () {</p><p> var $this = $(this);</p><p> var $buttonGroup = $this.parents('.button-group');</p><p> var filterGroup = $buttonGroup.attr('data-filter-group');</p><p> filters[filterGroup] = $this.attr('data-filter');</p><p> var filterValue = concatValues(filters);</p><p> $grid.isotope({ filter: filterValue });</p><p>});</p><p>$('.button-group').each(function (i, buttonGroup) {</p><p> var $buttonGroup = $(buttonGroup);</p><p> $buttonGroup.on('click', 'button', function () {</p><p> $buttonGroup.find('.is-checked').removeClass('is-checked');</p><p> $(this).addClass('is-checked');</p><p> });</p><p>});</p><p>function concatValues(obj) {</p><p> var value = '';</p><p> for (var prop in obj) {</p><p> if (window.CP.shouldStopExecution(1)) {</p><p> break;</p><p> }</p><p> value += obj[prop];</p><p> }</p><p> window.CP.exitedLoop(1);</p><p> return value;</p><p>}</p><p>//# sourceURL=pen.js</p><p></script></p><div>
</div><div>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
8년 전
전체적으로 수정을 좀 가해서 각각의 카테고리별로 12개씩 불러오는 최신글 플러그인(?)을 만든 다음에 tab은 메인페이지로 꺼내서 하는게 낫지 않을까요?
그러니까 전체에서 12개 최신글을 로드하고, WEBSITE, SHOPPINGMALL, MOBILE, BLOG&CAFE, ETC 각각의 카테고리별로 12개씩 최신글을 로드한 다음에
구현하신 탭을 메인으로 꺼내서 각각의 로드된 최신글을 wrap 할 수 있게 하는거죠
생각나는 방법이 이런거밖에 없네요 ㅠ
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인