Question

我正在尝试集成jquery循环插件，它工作正常。我的幻灯片中也有导航控件。但问题是我需要将控件设置为背景图像，不应显示prev next，暂停和播放链接（文本）。请在下面找到我的代码。如果我删除链接文本（上一个，下一个，暂停和播放），幻灯片放映将无法正常工作。那么有没有办法使这个文本透明，以便用户看不到这些链接，只有图像可见。请帮忙。

以前

    <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

您可以给它以下任何一个CSS参数：

display:none;或visibility:hidden;

第一个将它从DOM中删除，因此它不会占用空间。关于这一点的好处是它直接与JQuery的show()和hide()函数连接。

第二个将它保留在DOM中，只是让它不可见，因此围绕它的其他元素将尊重它的存在，并且布局将保持不变。要使用JQuery进行切换，您需要使用$('element').css('visibility','visible');

Jquery循环插件的HTML CSS问题

1 个答案: