JqueryサイクルプラグインでHTML CSSの問題が発生しました

Question

jqueryサイクルプラグインを統合しようとしていますが、正常に動作しています。スライドショーにもナビゲーションコントロールがあります。しかし問題は、コントロールを背景画像として設定する必要があり、次のプレビュー、一時停止、再生リンク（テキスト）を表示しないことです。以下の私のコードを見つけてください。リンクのテキスト（前、次、一時停止、再生）を削除すると、スライドショーは動作しません。したがって、このテキストを透明にして、ユーザーがこれらのリンクを見ることができず、画像だけが見えるようにする方法があります。助けてください。

前のあなたはこれらのCSSパラメータのいずれかを与えることができ

<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--> 

Answer 1

：

display:none;またはvisibility:hidden;

それが占有されることはありませんので、最初のものはDOMから削除されますがスペース。これについての素晴らしい点は、JQueryのshow()とhide()の関数と直接インタフェースしていることです。

2番目の要素はDOMに保持され、非表示にするだけで、周囲の他の要素がその存在を尊重し、レイアウトは変更されません。これをJQueryで切り替えるには、使いたいでしょう$('element').css('visibility','visible');