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