0
내가 여기에이 튜토리얼에서 jQuery를 기반 이미지 슬라이더를-목적의 재
: 그것은 좋은 작품 대부분의 경우가 어떻게이 # href를 중심으로 연결할 수 있습니다
http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui
, 설명의 측면은 으로 설정된 href
에 의존합니다. 기본 HTML 설정은 다음과 같이 보입니다 :
<div id="featured" >
<ul class="ui-tabs-nav">
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1">
<a href="#fragment-1"><img src="images/image1-small.jpg" alt="" />
<span>15+ Excellent High Speed Photographs</span>
</a>
</li>
</ul>
<div id="fragment-1" class="ui-tabs-panel" style="">
<img src="images/image1.jpg" alt="" />
</div>
</div>
를 그리고 여기 실행 jQuery를 수 있습니다 :
$(document).ready(function() {
$("#sliderContainer > ul").tabs({
fx: {
opacity: "toggle"
}
}).tabs("rotate", 5000, true);
$("#sliderContainer > ul").hover(function() {
$("#sliderContainer > ul").tabs({
event: "mouseover"
}).tabs("rotate", 0, true);
}, function() {
$("#sliderContainer > ul").tabs("rotate", 5000, true);
});
지금이 내 문제는 내가있는 물건을 설정하고 싶습니다이다는 "#fragment"가 아닌 링크에 나열하십시오. 나는 그것을 어떻게하는지 모른다. 어떤 아이디어?