柔性滑塊問題淡化效果

我在我的html中使用柔性滑塊。我已經按照給定的步驟在我的html頁面中添加滑塊。滑塊效果不錯當動畫=「幻燈片」但動畫=「淡入淡出」時無法正常工作; 淡入淡出效果不顯示正確的幻燈片。柔性滑塊問題淡化效果

這裏是我的腳本：

<script type="text/javascript"> 
$(window).load(function(){ 
    $('.flexslider').flexslider({ 
    animation: "fade", 
    animationSpeed: 1000, 
    direction: "horizontal", 
    slideshowSpeed: 2000, 
    pauseOnHover: true, 
    slideshow: true, 
    start: function(slider){ 
     $('body').removeClass('loading'); 
    }   
    }); 
}); 
</script>

幫助我。謝謝你的

來源

2013-11-23 vibz

聽起來像CSS的東西。我會創建一個fiddle，以便人們可以看到您的代碼，並且也可以準確解釋「淡入淡出效果不顯示正確幻燈片」的含義。怎麼了？什麼？

如果你這樣做，那麼我敢肯定，你會得到它想出在這裏...

來源

2013-11-23 07:26:13 ryantbrown

滑塊在「淡入淡出」中的視圖，顯示一半圖像和圖像模糊。 – vibz

我有同樣的問題。動畫：「幻燈片」工作正常，但當我嘗試使用「淡入淡出」時，我無法點擊縮略圖來更改幻燈片。 Flex滑塊或JavaScript沒有任何問題。它在flex滑塊演示中效果很好，所以...

嘗試擺弄<ol>的定位/分層。縮略圖可能分層在主幻燈片圖像下方，使其無法真正點擊它們。

這爲我工作：

ol.flex-control-thumbs {clear: both;}

但你也可以嘗試用定位和的z-index玩，如果結算不起作用。這將很大程度上取決於您的HTML和CSS的結構。如果<ol>縮略圖列表可以在滑塊下方擺動，它會。沒有人喜歡不能點擊東西！

來源

2014-03-14 15:10:38 Nick

就我而言，解決方案很簡單。

縮略圖很好地工作，但它的「下」幻燈片。只需設置.flex-control-nav高z-index。

.flex-control-nav{ 
    z-index:500; 
}

應該工作。

來源

2016-12-07 12:20:05

柔性滑塊問題淡化效果

回答

相關問題