Jquery Carousel - 사용자 지정 스크롤바를 추가하려고합니다.

Question

나는 온라인 검색을 시도했으며 관련 "답변"된 질문을 여기에서 찾아 보았습니다. 그러나 아무 것도 내 문제에 꼭 맞는 것으로 보이므로 누군가이 답변을 알고 있기를 바랍니다.

나는 http://2938.sandbox.i3dthemes.net/index.html을 코딩하고있는 사이트가 있고 완벽하게 작동하는 캐 러셀 (carouFredsel)이 있습니다. 그러나 여기에 사용 된 것과 비슷한 스크롤바를 추가하고 싶습니다. http://finnrudolph.de/ImageFlow.

스크롤 막대를 만들 이미지가 있지만 Jquery는 멍청한 녀석입니다. 콘텐츠 div에 jquery 스크롤 막대를 추가하기위한 정보를 찾았지만 div가 절대적이어야하고 내 컨베이어가 작동하는 방식으로는 상대적이어야합니다.

내가 원하는 작업이 가능합니까?

감사의 말 :

미리 감사드립니다.

P. JSfiddle에서 작동하도록 코드를 가져 오려고했지만 실패했지만 대신 샌드 박스 링크를 제공했습니다. 여기

헤더 안에있는 스크립트입니다

 <script type="text/javascript" language="javascript"> 
     $(function() { 

     $("#foo3").carouFredSel({ 
      items : 2, 
      auto: { 
       duration: 750 
       }, 
      scroll : { 
       items: 1, 
       duration: 750, 
      onAfter: function() { 
    if ($(this).triggerHandler("currentPosition") == 0) { 
    $(this).trigger("pause"); 
    } 
}}, 
     }).parent().css("margin", "auto"); 
     }); 

    </script> 

을 그리고 여기에 회전 목마에 대한 HTML입니다 :

<div class="list_carousel"> 
    <ul id="foo3"> 
<li style="width:486px"><img src="Images/SMP-3.jpg" alt="Testing description" /></li> 
<li style="width:486px"><img src="Images/SMP-6.jpg" alt="Text_2" /></li> 
<li style="width:238px"><img src="Images/SMP-4.jpg" alt="Text_6" /></li> 
<li style="width:486px"><img src="Images/SMP-2.jpg" alt="Text_3" /></li> 
<li style="width:238px"><img src="Images/SMP-5.jpg" alt="new description" /></li> </ul> 
<div class="clearfix"></div> 
</div> 

편집 : 나는 그것의 사용으로 가능하다 생각

mousewheel 플러그인은 충분히 간단합니다. 그러나, 내 원래 문제는 스크롤 막대의 이미지를 mousewheel 스크롤 기능과 함께 사용하도록 표시하는 방법이었습니다. 이미지는 막대의 선과 막대를 따라 움직이는 탐색 원으로 구성됩니다.

Answer 1

검색하는 대신 왜 이미지 갤러리 설명서를 읽지 않으십니까? 대신 내 질문의 경멸되는

http://finnrudolph.de/ImageFlow/Documentation