2013-12-14 54 views
-1

我想做一個基本的jQuery的照片庫,我想有一些圖像和兩個按鈕來顯示下一個圖像和以前的圖像。 我試圖用jcarousellite做,但沒有任何反應,但我想一切都很好!Jquery,Jcarousellite_1.0.1不工作爲什麼?

這是我的jQuery腳本:

<script type="text/javascript" src="jcarousellite_1.0.1.min.js"></script> 


    <script type="text/javascript"> 
     $(document).ready(function() { 
      $("#images").jCarouselLite({ 
       btnNext: "#prevBTN", 
       btnPrev: "#nextBTN", 
       visible: 1 
      }) 
     }); 

    </script> 

這是我的html代碼:

<div id="mainCenterContainer"> 


    <h1>Design<span>Gallery</span></h1> 

    <div class="fr" id="nextBTN"><img src="images/nexticon.png" width="40" height="40" alt="Next" title="Next"> </div> 
    <div class="fr" id="prevBTN"><img src="images/previousbutton.png" width="40" height="40" alt="Back" title="Back"></div> 

<div class="cr"></div> 
    <div id="images"> 
     <ul> 
      <li> 
       <img src="images/pic4.jpg" alt="Image" title="Image 1"</a> 
       <img src="images/pic4.jpg" alt="Image" title="Image 2"</a> 
       <img src="images/pic4.jpg" alt="Projecto Image" title="Image 3"</a> 
       <img class="removeMargin" src="images/pic4.jpg" alt="Image" title="Projecto 4"</a> 
       <img src="images/pic4.jpg" alt="Projecto Image" title="Image 5"</a> 
       <img src="images/pic4.jpg" alt="Projecto Image" title="Image 6"</a> 
       <img src="images/pic4.jpg" alt="Projecto Image" title="Image"</a> 
       <img class="removeMargin" src="imagens/pic4.jpg" alt="Image" title="Projecto 8"</a> 
      </li> 

      <li> 
       <img src="images/pic4.jpg" alt="Image" title="Image 1"</a> 
       <img src="images/pic4.jpg" alt="Image" title="Image 2"</a> 
       <img src="images/pic4.jpg" alt="Image" title="Image 3 "</a> 
       <img class="removeMargin" src="imagens/pic4.jpg" alt="Image" title="Image"</a> 
       <img src="images/pic4.jpg" alt="Image" title="Image"</a> 
       <img src="images/pic4.jpg" alt="Image" title="Image "</a> 
       <img src="images/pic4.jpg" alt="Image" title="Image "</a> 
       <img class="removeMargin" src="images/pic4.jpg" alt="Image" title="Image"</a> 
      </li> 
     </ul> 


</div> 

回答

0

我發現這個問題,它是因爲當我們需要使用許多jQuery函數我猜測我們需要做相應的導入,在我的例子中,我們的例子是 <script type="text/javascript" src="jcarousellite_1.0.1.min.js">&lt;/script>之前,我們的功能,需要此導入!我正在做這個導入befor e其他功能。 現在我把這個導入功能,我想要做的幻燈片,它的作品。 謝謝!