-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>