2011-12-23 29 views
0

我有一個幻燈片顯示,可以使圖像的不透明度呈現動畫,然後向上移動一個z-index。這使幻燈片的一個很好的混合循環。當單獨的元素與jQuery的不透明度爲1時,觸發div的可見性

但是,我希望頁面上的其他內容僅在其中一個幻燈片可見時纔會顯示。是否有可能跟蹤其中一個幻燈片的可見性或z-索引,以便在例如不透明度爲1或z-索引爲8時觸發另一個div顯示(或動畫顯示) ?

我想是這樣的:

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

但這並不保持幻燈片的曲目或它的事件(當它的不透明度設置爲1)。

如何跟蹤一張幻燈片以瞭解它的不透明度是1還是讓我顯示/隱藏其他元素?

回答

0

最簡單的方法是將回調添加到幻燈片功能以觸發您的功能。 否則,你只能這樣做我的設置的函數setInterval()定期檢查它,因爲沒有這樣的事件改變元素的屬性。

+0

最初的編碼器使用了一個名爲'before'的回調的cylceall查詢插件,我將它連接到一個函數,該函數在旋轉中具有類「.first_slide」類的幻燈片時觸發。謝謝! – Ofeargall 2011-12-26 22:13:52

相關問題