Question

我有一个带有全屏滑块的网站（超级脚本：https://github.com/nicinabox/superslides），我上面有一个徽标。

我想让徽标在背后出现黑色图片时变为浅色，并在明亮的图片背后变为深色。

我可以使用BackgroundCheck脚本（https://github.com/kennethcachia/Background-Check）执行此操作，但我不知道如何开始组合它。我无法让它发挥作用。

我为超级滑梯设置了这个脚本：

    $(function() {
        $('#slides').superslides({
            play: 5000,
            animation: 'fade'
        });

    });

这适用于BackgroundCheck：

    document.addEventListener('DOMContentLoaded', function () {
      BackgroundCheck.init({
        targets: '.logo',
        images: '.backgroundimages'
      });
    });

但颜色变化不起作用，因为每次滑块动画时它都不会识别出背后有新图像......

在BackgroundCheck的文档中是一个如何与FlexSlider结合的例子，但是我没有得到它：

   $(window).load(function() {
    $('.flexslider').flexslider({
      animation: 'slide',
      prevText: '‹',
      nextText: '›',
      start: function () {
        BackgroundCheck.init({
          targets: '.flex-direction-nav li a',
          images: '.flexslider img'
        });
      },
      after: function () {
        BackgroundCheck.refresh();
      }
    });
  });

是否有人知道该怎么做并将这两个脚本结合起来？

非常感谢！

Answer 1

根据superslides和backgroundcheck的文档，这个“应该”有效但未经过测试。

$('body').on('init.slides', function() {

  BackgroundCheck.init({
    targets: '.logo',
    images: '.backgroundimages'
  });

}

$('body').on('slides.animated', function() {

    BackgroundCheck.refresh();

}

如何结合superslides.js和BackgroundCheck？

1 个答案: