jquery.sliderkit 질문요 > 그누4 질문답변

그누4 질문답변

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

jquery.sliderkit 질문요 정보

jquery.sliderkit 질문요

본문

고수님들 초보에게 가르침 부타드립니다.

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 -->


댓글 전체

전체 66,554 |RSS
그누4 질문답변 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT