使用 nivoSlider 没有效果答案

【问题标题】：No effects with nivoSlider使用 nivoSlider 没有效果
【发布时间】：2012-06-12 02:35:49
【问题描述】：

Nivo 滑块工作正常，但没有任何效果。

【问题讨论】：

如果您在问题中提供某种代码会很好。
@Dynamic，他已经给出了 URL 本身！
@PraveenKumar 这意味着我们必须自己找到代码。为我们做更多工作：P
@Dynamic 你是认真的吗？这是Css / html / javascript问题，我给了你链接，如果你自己检查而不是复制这里不是更好吗？请大家先想想……

【解决方案1】：

这是一个 z-index 问题，在 nivo-slider.css:18 中

.nivoSlider img {
...
    z-index: 50;
}

这是覆盖动画，删除它，你会看到过渡。

【讨论】：

【解决方案2】：

首先，您需要在<head> 标签内添加<script> 标签。

<!-- Javascripts -->
<script src="http://ipmgroup.org/wp-content/themes/ipmgroup/scripts/jquery-1.7.1.min.js"></script>
<script src="http://ipmgroup.org/wp-content/themes/ipmgroup/scripts/jquery.nivo.slider.js"></script>    
<script src="http://ipmgroup.org/wp-content/themes/ipmgroup/scripts/ipm.main.js"></script>

尝试更改并查看。最后是 CSS 部分：

// Need more z-index from default
//Line Number 45!
.nivo-slice {z-index: 100;}
//Line Number 18!
.nivoSlider img {z-index: 10;}

试试这个，它的工作原理！ :)

【讨论】：