在Nivoslider中跳過第一張幻燈片

我在使用Nivoslider版本3.1在我建立的一個小型WordPress網站上。在Nivoslider中跳過第一張幻燈片

我想知道是否有一種方法，我可以告訴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循環來填充滑塊。它填充它，但滑塊卡住「加載」。

爲了記錄在案，這是我目前執行的是：

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

爲可以與此給予任何幫助，非常感謝。

來源

2012-12-13 michaelmcgurk

根據特定版本nivoslider的你已經下載了，你可能已經做出/特別編輯它：

查找幻燈片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之前的循環。

不確定這是否可行 - 硬編碼這樣的元素通常不是一個好主意;您還需要移除用戶控件以防止手動導航到該幻燈片。

它的確提出了一個問題：爲什麼要包含一個你永遠不想顯示的幻燈片？

來源

2012-12-13 11:58:27 Stumbler

非常棒的評論！我現在就試試這個。我應該說，我在**版本3。1 ** – michaelmcgurk

我將它添加進來，因爲目前幻燈片似乎沒有運行，沒有它最初至少有1''''標記在那裏。我猜測處理'foreach'循環需要很長的時間，所以nivo會感到困惑。我想:) 我會嘗試你的修改:) – michaelmcgurk

編輯'startSlide：1，'工作得很好。不幸的是其他alts不適合我。儘管現在有3個''標籤，它仍然停留在「加載」狀態。 1永遠在那裏，2從foreach循環：'（ – michaelmcgurk

-1

上面並沒有爲我工作..什麼做工作對我來說（跳過4圖像）是這樣的：

$('#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; 
      } 
     } 
    });

第一個圖像，你應該如果當前可能會說== * last-index * {... currentSlide = 0}

來源

2014-07-15 10:51:01 Flion

在Nivoslider中跳過第一張幻燈片

回答

相關問題