다중 최신글 자동넘김 질문드려요
본문
묵공님 최신글을 사용하고있는데요
예) 5개의 bo_table를 불러 다중으로 최신글을 사용시에
1번째 ) 순차적으로 메뉴버튼을 자동 클릭하여 넘김효과를 사용하고싶은데요
2번째 ) 메뉴부분을 각각다르게 수정처리하고싶은데요 혹시
li 부분 자동 카운트를 부여하여 각각 설정하는방법좀 부탁드릴게요
자세히 설명부탁드려요~~
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$title_num=sizeof($title); //타이틀 갯수
$table_num=sizeof($bo_table); //게시판 갯수
add_stylesheet('<link rel="stylesheet" href="'.$tab_skin_url.'/style.css">', 0);
?>
<div class="tabs">
<ul class="tab-menu">
<?php
for($i=0;$i<$table_num;$i++){
$tabNum = $i+1;
echo "<li><a href='#tab-$tabNum'>".$title[$i]."</a></li>";
}
?>
</ul>
<?php
for($i=0;$i<$table_num;$i++){
$tabNum = $i+1;
echo "<div class='tab-content' id='tab-$tabNum'>".latest($skin_dir[$i],$bo_table[$i],$row[$i],$subject_len[$i])."</div>";
}?>
</div>
<script type="text/javascript">
$(function() { $(".tabs").fwd_tabs(); });
(function ( $ ) {
$.fn.fwd_tabs = function() {
return this.each(function() {
var tabs = $(this);
var tabMenuList = $(".tab-menu", tabs).children();
for (i = $(".tab-content", tabs).length, j = tabMenuList.length; i < j; i++ ) {
tabs.append('<div class="tab-content"></div>');
}
var tabContent = $(".tab-content", tabs);
tabContent.slice(1).hide();
tabMenuList.eq(0).addClass("active");
tabMenuList.find("a").click(function(e) {
var theParent = $(this).parent().index();
tabMenuList.removeClass('active').eq(theParent).addClass('active');
tabContent.hide().eq(theParent).show();
/* AJAX */
if (tabContent.eq(theParent).html().length == 0 && $(this).attr("href").substr(0, 1) != "#") {
var fragment = ($(this).data("fragment") ? " " + $(this).data("fragment") : "");
tabContent.eq(theParent).append('<div class="tab-loading"></div>').load($(this).attr("href") + fragment, function(response, status, xhr) {
if (status == "error") {
tabContent.eq(theParent).html("죄송합니다 내용을로드 할 수 없습니다.");
}
});
}
e.preventDefault();
});
});
}
}(jQuery));
</script>
답변을 작성하시기 전에 로그인 해주세요.
