jQuery Kwicks滑块中图像上的两个同时叠加不同超链接答案

【问题标题】：Two simultaneous overlay with different hyperlinks on images in jQuery Kwicks sliderjQuery Kwicks滑块中图像上的两个同时叠加不同超链接
【发布时间】：2012-01-27 01:10:17
【问题描述】：

我使用了 jQuery 就绪滑块：http://www.jeremymartin.name/projects.php?project=kwicks

我现在需要在这些幻灯片上放置叠加层。当幻灯片未拉伸时，不同的叠加层。这显示在幻灯片的可见部分。后来，当一张特定的幻灯片延伸出（该特定幻灯片的）上一个叠加层时，我需要两个标题叠加层，一个在顶部，一个在底部出现在打开的幻灯片上，并且两者都有不同的超链接。 .

我已将 Kwicks 的 HTML、CSS 和 JQuery 放在这里：http://jsfiddle.net/swati/E3fJG/

我页面的当前状态是：http://dental2.estheticdentalcare.co.in/HTMLPage.htm

【问题讨论】：

你的 jsfiddle 坏了 - 更新版本在这里：jsfiddle.net/qyXqZ

标签： jquery css

【解决方案1】：

好的，我玩得很快，并更改了 Kwicks 插件以将 overlay1 类添加到普通（未打开）面板，并将此类更改为 overlay2 当面板完全展开时：

http://jsfiddle.net/3xeUt/11/

您会看到面板关闭时有黑色边框，打开时有红色边框。

您可以将相关的 html/CSS 添加到您的代码中以使叠加层正常工作... ;)

【讨论】：