$("#gal-row").jCarouselLite({
vertical: false,
hoverPause:false,
visible: 5,
auto:null,
speed:1000,
btnPrev:"#btn-next",
btnNext:"#btn-prev",
scroll: 5,
circular:false
});
我想使用代码。
用于
<div id="gal-row" style="height:105px;">
<ul class="gallery-data slider">
<li><img src="images/gallery-1.png" /></li>
<li><img src="images/gallery-2.png" /></li>
</ul>
</div>
<div id="gal-row" style="height:105px;">
<ul class="gallery-data slider">
<li><img src="images/gallery-3.png" /></li>
<li><img src="images/gallery-4.png" /></li>
</ul>
</div>
我想在函数上使用jCarouselLite是“#gal-row”。 但是jCarouselLite使用一个div它首先使用div而div第二个不使用jCarouselLite。 你可以帮忙。
答案 0 :(得分:0)
你的HTML是错的,它不应该有重复的ids
改为使用类名。
<div id="gal-row" style="height:105px;">
<ul class="gallery-data slider">
<li><img src="images/gallery-1.png" /></li>
<li><img src="images/gallery-2.png" /></li>
</ul>
</div>
<div id="gal-row" style="height:105px;">
<ul class="gallery-data slider">
<li><img src="images/gallery-3.png" /></li>
<li><img src="images/gallery-4.png" /></li>
</ul>
</div>
更改为课程
<div class="gal-row" style="height:105px;">
<ul class="gallery-data slider">
<li><img src="images/gallery-1.png" /></li>
<li><img src="images/gallery-2.png" /></li>
</ul>
</div>
<div class="gal-row" style="height:105px;">
<ul class="gallery-data slider">
<li><img src="images/gallery-3.png" /></li>
<li><img src="images/gallery-4.png" /></li>
</ul>
</div>