可以使用.jCarouselLite一个名字使用多个div吗?

时间:2011-05-09 04:33:33

标签: jquery jcarousel

$("#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。 你可以帮忙。

1 个答案:

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