Flexislider在第一張幻燈片和最後一張幻燈片上刪除導航箭頭

我一直在搜索，無法找到任何幫助我的東西。Flexislider在第一張幻燈片和最後一張幻燈片上刪除導航箭頭

我正在使用Flexislider並嘗試刪除第一張幻燈片上的上一個鏈接和上一張幻燈片上的下一個鏈接。

我甚至把我的第一張幻燈片和最後一張幻燈片封裝在一個div中，以將它們與其他幻燈片分開。

繼承人我的網站：http://www.thisiseloise.co.uk/Mobile/

這裏是我的代碼自動取款機，但它不工作：

$('#first').flexslider({ 
    start: function(){ 
    var active_rel = $(this).find('.flex-direction-nav .flex-prev').css('display:none'); 
    }, 

    }); 

    $('#last').flexslider({ 
    end: function(){ 
    var active_rel = $(this).find('.flex-direction-nav .flex-prev').css('display:none'); 
    }, 

    });

任何幫助，將不勝感激:)

感謝

來源

2014-04-17 user3423339

一些生動的例子將不勝感激:)它有助於如果你方便社區 – EricG

對不起，我想我把它放在！：p 繼承人我的網站與滑塊[鏈接]（http://www.thisiseloise.co.uk/Mobile/） – user3423339

你應該嘗試此機制：

$('.flexslider').flexslider({ 
    animation: 'fade', 
    controlsContainer: '.flexslider', 
    start: function() { 
     // 
    }, 
    end: function() { 
    // 
    } 
});

對不起，以下文本，我忘了看你的代碼>。 <（你已經有了什麼）

快速的GoogleSearch導致我這個網站：FlexSlider API

在這裏，你可以看到你可以連接到：

屬性，默認值，說明

start .....當滑塊加載第一張幻燈片時觸發。
end ......當滑塊到達最後一個滑塊時觸發（異步）。
before..Fires異步與每個滑塊動畫。

那麼你可以做的是一樣的東西：

$('.flexslider').flexslider({ 
    animation: 'fade', 
    controlsContainer: '.flexslider' 
}).before(function() { 
    // Reset before each slide (cheap operation so it's no biggie to call everytime) 
    $(".flex-direction-nav").removeClass("firstActive lastActive"); 
}).start(function() { 
    // 
    $(".flex-direction-nav").addClass("firstActive"); 
}).end(function() { 
    // 
    $(".flex-direction-nav").addClass("lastActive"); 
});

和CSS：

.flex-direction-nav.firstActive, .flex-direction-nav.lastActive { 
    opacity: 0; // You can think about how to hide it, with transition or sth. 
}

我會進一步建議是使用的ID（可能代替班 - 或兩者），這是一個很好的做法。

來源

2014-04-22 09:22:50 EricG

Flexislider在第一張幻燈片和最後一張幻燈片上刪除導航箭頭

回答

相關問題