1

我正在为客户站点使用 AnySlider。最新版本的任何滑块 (1.8.x) 现在应该会交叉淡入幻灯片。但由于某种原因，它只是不工作。它仍然像旧版本一样：淡出幻灯片，然后弹出新幻灯片。非常令人沮丧。我猜这一定是我的某些设置不正确，但对于我的生活，我无法分辨是什么。头发。拉。出去。

我的初始化代码是：

    $('#slider').anythingSlider({
    mode                : 'fade',
    resizeContents      : false,
    delay               : 6000, 
    resumeDelay         : 5000,
    navigationSize      : 5,
    buildStartStop      : false,
    hashTags            : false,
    autoPlay            : true
    });

您可以在这里查看测试站点：http: //mlkchapel.dandelion-patch.com/test.html

关于交叉淡入淡出为什么不起作用的任何想法？我很感激任何见解！

4

1 回答 1

2

在 github 存储库中报告了类似的问题。基本上，当滑块包含在具有背景颜色/图像的定位（相对或绝对）元素中时，就会出现此问题。

只需更改css中的这两行即可修复它。

.anythingSlider .fade .activePage { z-index: 1; }
.anythingSlider .fade .panel { z-index: 0; }

.panel以前是用-1z-index设置的。

于 2012-11-16T15:01:49.570 回答