2012-08-11 40 views
0

我正在使用這個插件:http://dimsemenov.com/plugins/royal-slider/documentation/#basic-usage 我正在尋找一種方法來改變菜單類,如果圖像有當前類。hasClass在當前的幻燈片?

如果幻燈片中的當前圖像有明亮的類別,我想爲菜單添加類明亮。 我使用這個代碼:

jQuery(window).load(function() 
if ($('#the-img').hasClass('dark')) { 
$('#widget-menu').addClass('menu-dark'); 
} 
}); 

這是給我的菜單類菜單黑暗。

但是,如果我希望它改變,如果img的類明亮,如果是最新的,該怎麼辦? 會非常感謝答覆。

的網站,我的工作是: http://mlido.se/site/case/luxit/

回答

0

馬格努斯,那是你的幻燈片圖像,函數可以告訴你的代碼?

解決您的問題的一般想法是檢查動畫完成回調中的圖像類。

您需要定義像函數:

function checkImageClass() { 
    $('#widget-menu').removeClass('menu-dark').removeClass('menu-bright'); 
    if ($('#the-img').hasClass('dark')) { 
     $('#widget-menu').addClass('menu-dark'); 
    } else { 
     $('#widget-menu').addClass('menu-bright'); 
    } 
} 

,然後,在你的動畫定義添加完整的回調是這樣。

$(your-selector).animate({ 
    left : ... 
}, { 
    complete : checkImageClass 
}); 

我在您的網站上找不到動畫控制代碼。如果你在這裏發佈你的動畫代碼,我會嘗試根據我的建議進行更新。

有關其他信息see jquery animate documentation