レイヤー変更時のZ-インデックス変更（jqueryプラグインの変更）？

Question

私はいくつかの異なるニュースの見出しを表示するためのニュース回転子をプラグイン次のjQueryを使用しています： http://landofcoder.com/index.php?option=com_jdownloads&Itemid=372&task=view.download&cid=9

かなり素敵なヘッドライナーをしていますが、異なる層/話にジャンプするとき、Zインデックスを変更していないようだと、その結果、レイヤー1に埋め込まれたビデオは、他のレイヤーのニュース記事やビデオをクリックしても、常にアクティブになります。たとえば、別のストーリーに移動して「再生」ボタンをクリックすると、1番目（一番上）のストーリーのビデオが、私が行っているストーリーに対してアクティブになります。

私はレイヤー/ストーリーの変更でもZ-インデックスを変更しやすくするためにスクリプトを修正する方法の例を期待していました。

script.jsファイル内の不透明度シフトの下でfxStart関数の変更を行うことができると推測していますが、私はまだjを嗅ぐまではありません。

Answer 1

私が白い画面の周りを回る方法は、現在のレイヤーのみをアニメーション化することです。したがって、次のレイヤーにフェードしたい場合は： 1.現在のレイヤーのZ-インデックスを高い数字（たとえば3）に設定します 2.次のレイヤーのZ-インデックスを低い数値に設定します2）とし、不透明度を1に設定します。 3.現在のレイヤーだけをフェードアウトすると、次のレイヤーが下に表示されます。 4.現在のレイヤーアニメーションにコールバック関数を設定して、Zインデックスを正しい値にリセットし、次のトランジションを混乱させないようにします。

ので、私がお勧めする、私の最後の提案を適応：

// 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});); 

ん意味をなさないこと？

Answer 2

このスクリプトでは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）'がその下にあるオブジェクトだと仮定しているため、これは暗闇の中のショットです。