Javascript 跳过Nivoslider中的第一张幻灯片

我正在构建一个小型WordPress网站，使用的是Nivoslider 3.1版

我想知道是否有办法让Nivoslider始终忽略幻灯片1

因此，如果我的HTML是：

<div id="slider" class="slider nivoSlider">
<img src="1.jpg" /> <!-- Ignore this ALWAYS -->
<img src="2.jpg" />
<img src="3.jpg" />
<img src="4.jpg" />
</div>

因此，滑块将始终从2开始。jpg&将从不显示1。jpg。这可能吗

这是供参考的文件

我同意，这是一个奇怪的解决方法，但当我使用foreach循环填充滑块时，我当前的滑块实现不起作用。它确实填充了它，但滑块在“加载”时卡住了

为了记录在案，以下是我目前的it实施情况：

<div id="slider" class="slider nivoSlider">
                <?php
                    $id = get_the_ID();
                    $custom_fields = get_post_custom($id);
                    $my_custom_field = $custom_fields['img1'];
                    foreach ( $my_custom_field as $key => $value ) {
                        echo '<img src="/wp-content/themes/boilerplate/images/csg-50c8a86d6bfc0.png" height="350" width="620">';
                    }
                ?>
                </div>

---

非常感谢您在这方面提供的帮助。

根据您下载的nivoslider的特定版本/您可能对其进行的特定编辑：

查找slide-show.js

然后编辑该行

startSlide: 0, // Set starting Slide (0 index)

在第一个循环中跳过它

还有…（我在这里孤注一掷）

在jquery.nivo.slider中编辑函数

$.fn.nivoSlider = function(options) {

    //Defaults are below
    var settings = $.extend({}, $.fn.nivoSlider.defaults, options);

    return this.each(function() {
        //Useful variables. Play carefully.
        var vars = {
            currentSlide: 0,
            currentImage: '',
            totalSlides: 0,
            randAnim: '',
            running: false,
            paused: false,
            stop:false
        };

这样您就可以硬编码幻灯片的绝对数量，并在达到1.jpg之前重新启动循环

不确定这是否会奏效——对这样的元素进行硬编码通常不是一个好主意；您还需要删除用户控件，以防止手动导航到该幻灯片

---

它确实提出了一个问题：为什么你要包括一张你永远不想展示的幻灯片呢？

上面的内容对我来说不管用。。对我来说（跳过第四张图片）有效的是：

   $('#slider').nivoSlider({
       prevText: '',
       nextText: '',
       controlNav: false,
       beforeChange: function ()
       {
           var current = $('#slider').data('nivo:vars').currentSlide;
           //if the currentIndex = 2, the next will be 3, which is the fourth image, 
           //which is the one I wanted to skip
           if(current == 2)
           {
               $('#slider').data('nivo:vars').currentSlide = 3;
           }
       }
   });

---

对于第一幅图像，您可能应该说如果当前==*最后一个索引*{…当前幻灯片=0}

精彩的评论！！！我现在就试试这个。我应该说，我使用的是3.1版，我添加了它，因为当前幻灯片在没有至少1个

标记的情况下似乎无法运行。我猜处理

foreach

循环需要花费太长时间，因此nivo会感到困惑。我想：）我会试试你的修改：）编辑

startSlide:1，

效果很好。不幸的是，其他的替补队员都不适合我。尽管现在有3个

标签，但它仍然停留在“加载”状态。1始终存在，2来自foreach循环：'（可能在这里调用函数…但不是调用它停止，而是在迭代后调用它来更改当前幻灯片？调用函数似乎可以让您编辑var vars booleans和integersHi Duncan，为我的延迟道歉。我想您可能在这里遇到了一些问题。我会尝试处理这些问题，并让您保持沉默已发布。感谢链接：-）