Z-index修改圖層更改（jquery插件修改）？

Question

我正在使用以下jquery插件新聞輪播程序來顯示幾個不同的新聞標題： http : //landofcoder.com/index.php?option=com_jdownloads&Itemid=372&task=view.download&cid=9

相當不錯的標題，但是當您跳到不同的圖層/故事時，它似乎並沒有修改z-index，因此即使我單擊新聞故事或其他圖層的視頻，嵌入在第1層的視頻也始終會激活。 因此，例如，如果我轉到另一個故事並單擊“播放”按鈕，則第一個（最頂部）故事的視頻將與我正在播放的視頻激活。

我希望得到一個有關如何修改腳本的示例，以方便更改圖層/故事更改中的z-index。

我猜想可以在script.js文件中的不透明度偏移下的fxStart函數中進行修改，但是我還沒有對js進行任何fxStart 。

Answer 1

這個腳本似乎沒有網站來演示或公開api（似乎沒有任何api），所以這是一個黑暗的鏡頭……您應該能夠用這兩行更改277行：

$(currentObj).css({zIndex:2});
$(this.slides).eq(index).css({zIndex:3}).stop().animate( {opacity:1}, {duration: this.settings.duration, easing:this.settings.easing} );

這里的想法是，在動畫開始之前，您只需設置視頻的正確zIndex。

同樣，這是一個黑暗的鏡頭，因為我假設“ currentObj”是當前顯示的對象，而“ $（this.slides）.eq（index）”是下面的下一個對象。

Answer 2

好吧，我繞過背后白色屏幕的方法是僅對當前圖層進行動畫處理。 因此，當您要淡入下一層時，您可以：1.將當前層的z-index設置為較高的數字（例如3）2.將下一層的z-index設置為較低的數字（例如2 ），並將不透明度設置為13。僅淡出當前圖層，這將顯示下面的下一層。 4.在當前層動畫上設置回調函數，以將z-index重置為其正確值，以免弄亂下一個過渡。

因此，根據我的最后建議，我建議：

// accomodate your other issue
var $nextObj = $(this.slides).eq(index).css({zIndex:900, opacity:1});
$(currentObj).css({zIndex:1000}).stop().animate( {opacity:0}, {duration: this.settings.duration, easing:this.settings.easing}, function(){ $(this).css({zIndex: 1}); $nextObj.css({zIndex: 2}); );

那有意義嗎？