이미지 갤러리 회전 목마

나는 회전 목마 FredSel 갤러리를 사용하려고합니다. 하지만 버튼을 클릭하면 열리지 않습니다. 갤러리 i chosse는 스 와이프 갤러리이며 사이트에서 라이브러리를 다운로드했습니다. 나는 많은 것을 시도했지만 아무 것도 효과가 없었다.이미지 갤러리 회전 목마

누군가 나를 도울 수 있습니까? 나는 jquery에서 새로운 사람이다.

내가 뭘 잘못했는지 모른다.

이것은 내 코드입니다.

<script src="jquery.carouFredSel-6.2.0-packed.js"></script> 
<script src="jquery.touchSwipe.min.js"></script> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.css"> 
<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script> 
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.js"></script>

JAVASCRIPT :

<script> 
$("#foo4").carouFredSel({ 
    auto  : false, 
    swipe  : { 
     onTouch  : true, 
     onMouse  : true 
    } 
}); 
</script>

HTML5

<div data-role="header" data-position="fixed" data-fullscreen="true" data-id="footer">      
     <a href="#p1" data-icon="home" data-iconpos="notext">Home</a> 
     <h1>HOME</h1> 
     <a href="#foo4" data-icon="grid" data-iconpos="notext" data-inline="true" class="ui-btn-right" data-direction="reverse" style="margin-right:70px">GALLERY</a> 
</div> 

    <div id="image_carousel"> 
     <div id="foo4"> 
      <img src="images/small/1.jpg" alt="basketball" width="140" height="140" /> 
      <img src="images/small/2.jpg" alt="beachtree" width="140" height="140" /> 
      <img src="images/small/3.jpg" alt="cupcackes" width="140" height="140" /> 
      <img src="images/small/4.jpg" alt="hangmat" width="140" height="140" /> 
      <img src="images/small/5.jpg" alt="new york" width="140" height="140" /> 
      <img src="images/small/6.jpg" alt="laundry" width="140" height="140" /> 
      <img src="images/small/7.jpg" alt="mom son" width="140" height="140" /> 
      <img src="images/small/8.jpg" alt="picknick" width="140" height="140" /> 
      <img src="images/small/9.jpg" alt="shoes" width="140" height="140" /> 
      <img src="images/small/10.jpg" alt="paris" width="140" height="140" /> 
      <img src="images/small/11.jpg" alt="sunbading" width="140" height="140" /> 
      <img src="images/small/12.jpg" alt="yellow couple" width="140" height="140" /> 
     </div> 
     <div class="clearfix"></div> 
    </div>

CSS :

#image_carousel { 
    padding: 15px 0 15px 40px; 
} 
#image_carousel img { 
    border: 1px solid #ccc; 
    background-color: white; 
    padding: 9px; 
    margin: 7px; 
    display: block; 
    float: left; 
} 
#clearfix { 
    float: none; 
    clear: both; 
}

출처

2013-04-08 user2232273

재 배열 순서

<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script> 
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.js"></script> 
<script src="jquery.carouFredSel-6.2.0-packed.js"></script> 
<script src="jquery.touchSwipe.min.js"></script> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.css">

다음 시도하십시오

출처

2013-04-08 11:15:05

이미지 갤러리 회전 목마

답변

관련 문제