dream css圖像滑塊

Question

有沒有人曾經使用此滑塊： http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html。

我需要有人對如何刪除導航意見，只表示，而在懸停..感謝

Answer 1

林不知道你想怎麼刪除導航，但再展（圖像？）懸停？

您的意思是說，當您將鼠標懸停在鏈接上時，圖像會滑動？你想刪除標題和描述欄？

移除背景從CSS的img：

<p id="slide-client" class="text"><strong>post: </strong><span></span></p> 
<p id="slide-desc" class="text"></p> 

在的script.js尋找這一行：

div#header div#slide-holder div#slide-controls{ 
left:0; 
bottom:228px; 
width:973px; 
height:46px; 
display:none; 
position:absolute; 
//remove this>> 
<strike>background:url(images/slide-bg.png) 0 0;<strike> 
} 

在HTML中刪除這兩個元素

$('#slide-nav').append('<a id="slide-link-'+i+'" href="#" **onclick**="slider.slide('+i+');return false;" onfocus="this.blur();">'+(i+1)+'</a>'); 

將onclick更改爲mou seOver

---

在響應你的澄清： 將這個頂部的身體或頭部（不知道這是更快）

<script type="text/javascript> 
    $(document).ready(function{ 
//hide the nav when page loads 
    $("#slide-nav").hide(); 
//show and hide on hover 
    $("#slide-holder").hover(
     function() { 
     $(this).show(); 
     }, 
     function() { 
     $(this).hide(); 
     } 
    ); 
    }) 
    </script> 

沒有測試this..Really希望內幫助你