添加滑動狀態類，革命滑塊容器

我有我的3滑梯revslider之上的靜電層。當滑塊到達第三張幻燈片時，我想在靜態圖層中更改某些內容。

目前，滑塊在到達它時給出了li元素的「.current-sr-slide-visible」類，但這樣我就無法使用CSS定位靜態圖層，因爲它位於父容器中。。

這是我的滑塊（簡體，只是結構性的，看到上面的鏈接的完整代碼）：

<div class="revslider"> 
    <ul class="slides"> 
    ... 
    <li id="slide3">...</li> 
    </ul> 
    <div class="static-layer"> 
    <svg class="logo"></svg> 
    </div> 
</div>

編輯：所以我想添加任何「滑件3」 指示任何元素而不是李元素 。如果我可以將指標類放在ul，容器或標識本身上，這可能會很好。

我想這（這是工作在其他地方在頁面上，但不與所期望的滑塊，不知道爲什麼）：

$(function(){ 
    if($('#slide3').hasClass('current-sr-slide-visible')) { 
     $('.logo').addClass('white-logo'); 
    } 
});

EDIT2：通過revslider API嘗試過，但什麼是錯用這一點，沒有工作......如果你能看到的就是這個問題，這可能是一個更好的解決方案：

jQuery(document).ready(function() { 
    var revapi = jQuery('.revslider').show().revolution(
    { 
    // ...slider settings 
    }); 

// event for when slide is changed 
revapi.on('revolution.slide.onchange', function(e, data) { 

    // slider changed 
    var currentSlideNumber = data.slideindex; 
    $('.revslider').addClass(currentSlideNumber); 
}); 
});

任何幫助將appriciated。

滑蓋版： * jquery.themepunch.revolution.js - jQuery插件革命滑塊 * @version：4.6.4（2014年11月26日）

來源

2015-10-30 Nimue

嘗試使用幻燈片更改事件。還提到插件版本，並給出了插件網站的鏈接 –

任何可用的現場演示？ –

你能告訴我怎麼樣？ :)增加版本詳細信息 – Nimue

<div id="revslider"> 
    <ul class="slides"> 
    ... 
    <li id="slide3">...</li> 
    </ul> 
    <div class="static-layer" class="logo">logo</div> 
</div>

在你的js

你有型（。標誌），這意味着一個班級稱爲標誌。這可能是問題所在。祝你好運

來源

2015-10-30 06:41:41

'class =「static-layer」class =「logo」'really？ –

有時在小窗口中看到代碼並不好：D –

是否嘗試setAttribute（「class」，「white_logo」）？ –

添加滑動狀態類，革命滑塊容器

回答

相關問題