nivo滑块问题

Question

我在我的网页中使用了nivo-slider。我需要在我的单个页面实现许多nivo-slider。我已经成功地实现了它。但是，如果我单击上一个图标，总的滑块图像就会改变。请帮帮我。谢谢

Answer 1

这样做的原因可能是相同的id用法。对于不同的滑块，你应该有不同的id。

更改id名称后，还需要在javascript中调整nivo函数以适应新的id。

例如，如果这是您的代码

<script type="text/javascript">
    jQuery(window).load(function () {
        jQuery("#slider").nivoSlider()
    });
</Script>

对于三个ids为: slider-1，slider-2，slider-3的滑块，应该是这样的

<script type="text/javascript">
    jQuery(window).load(function () {
        jQuery("#slider-1").nivoSlider()
        jQuery("#slider-2").nivoSlider()
        jQuery("#slider-3").nivoSlider() 
    });
</Script>