有没有办法根据 Rev Slider 的幻灯片更改 Wordpress 页面的正文 class？

Question

目标是：随着rev slider的滑动变化，body的页面背景颜色发生变化。我认为可能的唯一方法是在页面 slug 上使用自定义 class。但是如何在幻灯片的基础上插入一个class呢？可能吗？

Answer 1

1) 您必须在您的主题或插件中找到 Revolution Slider 的初始化位置，并且 a) 记下它分配给的变量或 b) 将它分配给一个变量。它应该是这样的：

var revapi2 = jQuery('#slider_id').show().revolution();

新版本的 Revolution Slider 已经将滑块分配给允许绑定的变量。此变量的格式为 revapi{id}。

2) 将滑块分配给变量后，您将可以访问幻灯片的 API 方法，完整描述 here。其中一种方法 revolution.slide.onchange 将启用检测滑块何时要更换幻灯片。然后你可以做这样的事情来根据幻灯片的索引分配正文 class 。请注意，我使用的是 jQuery，因为它是一个 jQuery 插件，并且我使用的是 Revolution Slider WordPress 插件自动分配的变量：

revapi2.on('revolution.slide.onbeforeswap', function(event, data) {
    switch (data.nextSlideIndex) {
      case 1:
        bodyClass = "green";
        break;
      case 2:
        bodyClass = "blue";
        break;
       case 3:
        bodyClass = "red";
        break;
      default:
        bodyClass = "yellow";
    }

    $('body').removeClass('red green blue yellow').addClass(bodyClass);

});

有没有办法根据 Rev Slider 的幻灯片更改 Wordpress 页面的正文 class？

Is there a way to change the body class of a Wordpress page based on Rev Slider's slide?

wordpress

revolution-slider