테스트 사이트 - 개발 중인 베타 버전입니다

다중 최신글 자동넘김 질문드려요 채택완료

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>

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
8년 전

관련스킨을 찾아서 적용하는 부분이 빠를거같습니다. 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인