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 -->
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 -->
댓글 전체