2011-12-23 13 views
0

イメージの不透明度をアニメーション化し、それを1つのz-インデックスに移動するスライドショーがあります。これは、スライドショーの素晴らしいブレンドループを作ります。別の要素がjQueryで1の不透明度を持つときのdivの可視性をトリガー

しかし、スライドの1つが表示されている場合にのみ、ページ上の他のものが表示されます。スライドの1つの可視性またはZ-インデックスを追跡することが可能です。たとえば、不透明度が1、またはz-インデックス(例えば、8)の場合、別のdivを表示してトリガーするか、 ?

私のような何かを考えている:

$(function(){ 
    var firstslide = $('.first_slide').css("opacity"); 
    if (firstslide == 1){ 
    $('#showme').show(); 
    } 
    else(){ 
    $('#showme').hide(); 
}); 

をしかし、これはスライドを追跡していないか、それが(それは不透明度が1に設定されています)イベントです。

1つのスライドを追跡して不透明度が1で、他の要素の表示/非表示を解除する方法を教えてください。

答えて

0

最も簡単な方法は、スライドショー機能にコールバックを追加して機能をトリガーすることです。 それ以外の場合、関数のsetInterval()を設定するだけで、要素の属性の変更などのイベントがないため、定期的にチェックすることができます。

+0

元のコーダーは 'before'というコールバックを持っていて、' .first_slide'クラスを持つスライドが回転しているときにトリガーする関数に配線されているcallceallクエリプラグインを使用していました。ありがとう! – Ofeargall

関連する問題