jquery.sliderkit 질문요

· 12년 전 · 3474
고수님들 초보에게 가르침 부타드립니다.

jquery.sliderkit를 통해 탭을 성하였습니다.
문제는 5개의 탭이라 가정하면
기본은 1번 탭부터 활성화 되어 시작하는데
상황에따라 3번이나 5번등 다른 탭을 활성화로
시작하고 싶은데 어떻게 하는지 모르겠어요.
jquery.sliderkit 테모를 봐도 그누에 스킨으로 제작된것을 봐도
모르겠스어 어떻게 해야하는지 알려주세요

그누스킨은 http://sir.co.kr/bbs/board.php?bo_table=g4_skin&sfl=mb_id,1&stx=anunnaki8
참고로 만들고있습니다.



아래는 소스를 올립니다.

<!-- jQuery library -->
<!--<script type="text/javascript" src="./skin/latest/tab_b/lib/js/external/_oldies/jquery-1.3.min.js"></script>
<script type="text/javascript" src="./skin/latest/tab_b/lib/js/external/jquery-1.6.2.min.js"></script>-->

<!-- jQuery Plugin scripts -->
<script type="text/javascript" src="./skin/latest/tab_b/lib/js/external/jquery.easing.1.3.min.js"></script>
<script type="text/javascript" src="./skin/latest/tab_b/lib/js/external/jquery.mousewheel.min.js"></script>

<!-- Slider Kit scripts -->
<script type="text/javascript" src="./skin/latest/tab_b/lib/js/sliderkit/jquery.sliderkit.1.9.2.pack.js"></script>

<!-- Slider Kit launch -->
<script type="text/javascript">
$(window).load(function(){ //$(window).load() must be used instead of $(document).ready() because of Webkit compatibility


// Tabs > No height
$(".tabs-noheight").sliderkit({
auto:false,
tabs:false,
freeheight:true,
circular:true
});

// Button : Make the standard tabs menu slide
var myStandardTabs = $(".tabs-standard").data("sliderkit");
$("#tabs-standard-slide").click(
function(){
// Applies only once
if($(".sliderkit-panels-wrapper",myStandardTabs.domObj).size() == 0){
// Set the transition effect to "sliding"
myStandardTabs.options.panelfx = "sliding";
// The sliding effect requires a wrapper around the panels
myStandardTabs._wrapPanels();
}

// Stops the click
return false;
}
);
});
</script>

<!-- Slider Kit styles -->
<link rel="stylesheet" type="text/css" href="./skin/latest/tab_b/lib/css/sliderkit-core.css" media="screen, projection" />
<link rel="stylesheet" type="text/css" href="./skin/latest/tab_b/lib/css/sliderkit-demos.css" media="screen, projection" />

<!-- Slider Kit compatibility -->
<!--[if IE 6]><link rel="stylesheet" type="text/css" href="./skin/latest/tab_b/lib/css/sliderkit-demos-ie6.css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="./skin/latest/tab_b/lib/css/sliderkit-demos-ie7.css" /><![endif]-->
<!--[if IE 8]><link rel="stylesheet" type="text/css" href="./skin/latest/tab_b/lib/css/sliderkit-demos-ie8.css" /><![endif]-->

<!-- Site styles -->
<link rel="stylesheet" type="text/css" href="./skin/latest/tab_b/lib/css/sliderkit-site.css" media="screen, projection" />

<!-- Start tabs-noheight -->
<div class="sliderkit tabs-noheight">
<div class="sliderkit-nav">
<div class="sliderkit-nav-clip">
<ul>
<!-- 카테고리 -->
<li><a href="./bbs/board.php?bo_table=qa&sca=텝구현1" border="0" title="텝구현1">텝구현1 [4] </a></li>
<li><a href="./bbs/board.php?bo_table=qa&sca=텝구현2" border="0" title="텝구현2">텝구현2 [3] </a></li>
<li><a href="./bbs/board.php?bo_table=qa&sca=테부현3" border="0" title="테부현3">테부현3 [0] </a></li>
<li><a href="./bbs/board.php?bo_table=qa&sca=텝구현5" border="0" title="텝구현5">텝구현5 [0] </a></li>
</ul>
</div></div>

<div class="sliderkit-panels">
<div class="sliderkit-panel">
<div class="sliderkit-news">
<a href="javascript:window.open('./bbs/board.php?bo_table=qa&wr_id=4', 'pop0', 'width=500, height=300'); return false; " title="[제목입니다]"><img src='./data/file/qa/thumb_aki/4' width='' height='' border='0' style='border:1px #ccc solid'></a>
</div>
<div class="sliderkit-news">
<a href="javascript:window.open('./bbs/board.php?bo_table=qa&wr_id=3', 'pop1', 'width=500, height=300'); return false; " title="[제목입니다 여기기요]"><img src='./data/file/qa/thumb_aki/3' width='' height='' border='0' style='border:1px #ccc solid'></a>
</div>
<div class="sliderkit-news"><a href="javascript:window.open('./bbs/board.php?bo_table=qa&wr_id=2', 'pop2', 'width=500, height=300'); return false; " title="[제목입니다 여기기요]"><img src='./data/file/qa/thumb_aki/2' width='' height='' border='0' style='border:1px #ccc solid'></a>
</div>
<div class="sliderkit-news">
<a href="javascript:window.open('./bbs/board.php?bo_table=qa&wr_id=1', 'pop3', 'width=500, height=300'); return false; " title="[제목입니다 여기기요]"><img src='./data/file/qa/thumb_aki/1' width='' height='' border='0' style='border:1px #ccc solid'></a>
</div>
</div>
<div class="sliderkit-panel">
<div class="sliderkit-news">
<a href="javascript:window.open('./bbs/board.php?bo_table=qa&wr_id=7', 'pop0', 'width=500, height=300'); return false; " title="[ㅁㄴㅇㅋㄴㅊㅋㅌㅊㅁㄴㅊ]"><img src='./data/file/qa/thumb_aki/7' width='' height='' border='0' style='border:1px #ccc solid'></a>
</div>
<div class="sliderkit-news">
<a href="javascript:window.open('./bbs/board.php?bo_table=qa&wr_id=6', 'pop1', 'width=500, height=300'); return false; " title="[ㅁㄴㅇㅁㄴㅇㄴㅁㅇㄴㅁ]"><img src='./data/file/qa/thumb_aki/6' width='' height='' border='0' style='border:1px #ccc solid'></a>
</div>
<div class="sliderkit-news">
<a href="javascript:window.open('./bbs/board.php?bo_table=qa&wr_id=5', 'pop2', 'width=500, height=300'); return false; " title="[ㅁㄴㅇㅁㄴㅇㅁㄴㅇㄴㅁㅇ]"><img src='./data/file/qa/thumb_aki/5' width='' height='' border='0' style='border:1px #ccc solid'></a>
</div>
</div>
<div class="sliderkit-panel">
</div>
<div class="sliderkit-panel">
</div>

</div>
</div>
<!-- // end of tabs-noheight -->


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

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
12년 전 조회 1,775
12년 전 조회 1,632
12년 전 조회 1,101
12년 전 조회 1,886
12년 전 조회 1,433
12년 전 조회 1,052
12년 전 조회 1,605
12년 전 조회 1,038
12년 전 조회 1,556
12년 전 조회 3,475
12년 전 조회 889
12년 전 조회 2,088
12년 전 조회 1,046
12년 전 조회 1,554
12년 전 조회 1,697
12년 전 조회 2,374
12년 전 조회 980
12년 전 조회 1,568
12년 전 조회 2,061
12년 전 조회 2,012