0

我正在开发一个 jQuery Vertical Slider,其中有大约 20 个拇指图像。当我单击缩略图时,会出现一个带有图像描述和详细信息按钮的弹出窗口。但问题是垂直滑块主容器有一个css属性溢出:隐藏;这不会让弹出窗口出现在容器之外。请参阅以下示例以更好地理解我的问题。

http://jsfiddle.net/awaises/BtAsN/

以下是示例图像 URL,我想让我的滑块看起来像这样。

http://www.thewebmakerz.com/Vertical-Slider.jpg

请指导我如何解决该问题。此外,如果您知道任何以相同方式工作的示例,请参考。

提前致谢

4

1 回答 1

0

您可以使用 jQuery 将 html 添加到页面

例如$('body').append('<div class="imagePopUp"> your content </div>')

将此功能放在您的按钮单击事件上。通过这种方式,您可以在垂直滑块之外动态添加内容并将其放置在您想要的位置。

您可以使用

$('body').removeClass('imagePopUp')

删除它。

于 2012-04-26T17:21:30.500 回答