Question

我的3-slide revslider上面有一个静态图层。当滑块到达第三张幻灯片时，我想在静态图层中更改某些内容。

目前，滑块提供了一个＆＃34; .current-sr-slide-visible＆＃34;到达它时对li元素的类，但是这样我就不能用CSS定位静态图层了，因为它在父容器中...

这是我的滑块（简化，只是结构，请参阅上面的完整代码链接）：

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

编辑：所以我想添加任何＆＃34; slide3＆＃34; 指向任何元素，但不是li元素 。如果我可以将指标类放在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);
});
});

任何帮助都会得到满足。

滑块版本： * jquery.themepunch.revolution.js - Revolution Slider的jQuery插件 * @version：4.6.4（26.11.2014）

Answer 1

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

在你的js中你有类型（.logo），这意味着一个类是呼叫标志。这可能是问题所在。祝你好运

将幻灯片状态类添加到Revolution Slider容器

1 个答案: