2011-08-04 127 views
0

我想整合jquery循環插件,它工作正常。我的幻燈片中也有導航控件。但問題是我需要將控件設置爲背景圖片,並且不應顯示prev next,暫停和播放鏈接(文本)。請在下面找到我的代碼。如果我刪除鏈接的文本(上一個,下一個,暫停和播放)幻燈片將無法正常工作。那麼有沒有辦法讓這個文本透明,這樣用戶就看不到這些鏈接,只有圖像可見。請幫忙。HTML CSS問題與jquery循環插件

上一頁

<div style="height:25px;width:25px;display:inline-block;background:url('Images/play.png')no-repeat transparent"><a href="" id="play" style="text-indent:-9999px;">Play</a></div> 
    <div style="height:25px;width:25px;display:inline-block;background:url('Images/pause.png')no-repeat transparent"><a href="" id="pause">Pause</a> </div> 

<div style="height:25px;width:25px;display:inline-block;background:url('Images/next.png')no-repeat transparent"> <a href="" id="next">Next</a></div> 
</div><!--controls--> 

回答

0

你可以給它這兩種CSS參數:

display:none;visibility:hidden;

第一個將來自DOM刪除它,所以它不會佔用空間。關於這一點的好處是它直接與JQuery的show()hide()函數接口。

第二個將保留在DOM中,並使其不可見,因此圍繞它的其他元素將尊重它的存在並且佈局將保持不變。要與JQuery切換,你會想要使用$('element').css('visibility','visible');

+0

非常感謝..夥計。 – rubyist

+0

很高興幫助男人!你應該給自己一個用戶名:) – AlienWebguy