Nivo滑块将图片向下推

我正在尝试使用nivo滑块。我有它原来设置为“折叠”trasnistions。它运行良好。我将它改为“淡入淡出”，现在当图像淡化到下一张时，它会显示下降。任何人有过这个问题吗？这里是jQuery和CSS。Nivo滑块将图片向下推

$(window).load(function() { 
    $('#slider').nivoSlider({ 
    effect:'fade', // Specify sets like: 'fold,fade,sliceDown' 
    animSpeed:500, // Slide transition speed 
    pauseTime:5000, // How long each slide will show 
    startSlide:4, // Set starting Slide (0 index) 

/Nevo Slider/ 

slider { 

position:relative; 
width:900px; 
height:250px; 
background:url(images/loading.gif) no-repeat 50% 50%; 
margin-bottom: 20px; 
} 

slider img { 

position:absolute; 
top:0px; 
left:0px; 
display:none; 
} 

slider a { 

border:0; 
display:block; 
} /End of Nevo Slider/

这里是一个链接 http://kerrydean.ca/Grey%20River/greyRiverTemplate2.html

来源

2011-07-21 Greg

您需要的.nivoSlider类适用于您的#slider ID住房的图像，此外，你的jQuery包括两次。

来源

2011-07-21 20:59:32

感谢，但仍然没有工作。我想它的得到的东西在css – Greg

加入到css工作..nivo-controlNav {位置：绝对; bottom：0px; left：0px; z-index：9; 宽度：100％; } – Greg

我有这个相同的问题，我发现了几个网络技巧，但他们都没有为我工作。这里是修复问题的CSS规则：

div.nivo-slice { position:absolute; z-index: 99; top:0 }

我添加了顶部：0，它将图像转移到位。此外，这种图像移位问题似乎只发生在使用“淡入淡出”功能时。

来源

2012-01-06 19:23:56 John

不错，这帮助我解决了ie8问题。 – user1431083

我有同样的问题，当我添加了主题，默认类到div＃滑块

<div id="slider" class="nivoSlider theme-default">

，当然还有装在WordPress中default.css

来源

2012-05-04 14:47:59 Kostas

它是它解决了吗？如果是这样，您需要隐藏自动添加的<p>标签。添加这个CSS，这应该做的伎俩（至少它为我工作）：

.nivoSlider p { display: none; }

来源

2012-06-14 21:02:13

您需要删除在幻灯片上的所有对象标记包裹图像。

示例：从

<ul id="slider"> 
<li><img src="..." /></li> 
<li><img src="..." /></li> 
<li><img src="..." /></li> 
<li><img src="..." /></li> 
</ul>

到

<div id="slider"> 
<img src="..." /> 
<img src="..." /> 
<img src="..." /> 
<img src="..." /> 
</div>

来源

2012-11-28 08:23:24

Nivo滑块将图片向下推

回答

相关问题