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滑塊將圖片向下推

回答

相關問題