2013-04-03 2 views
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"가 아닌 링크에 나열하십시오. 나는 그것을 어떻게하는지 모른다. 어떤 아이디어?

답변

0

나는 내 자신의 문제에 대답 한 것 같습니다. 내가 더미 태그과 같이 후 태그에 온 클릭 이벤트를 추가 :

<a href="#fragment-1" onclick="javascript: goto_this_page('http://wherever.com')"> 

그리고 나는 그것이 온 클릭 호출을 처리 할 수있는 곳 이상이 기능을 만들어 :

var goto_this_page = function (this_href) { 
var href = this_href; 
window.location.href = href; 
} 

이 해결 한 것 같다 그 순간의 문제. 물론 더 나은 해결책을 찾을 수 있습니다.

관련 문제