我正在研究一个jQuery Vertical Slider,其中我有大约20个拇指图像。当我单击拇指图像时,会出现一个带有图像描述和详细信息按钮的弹出窗口。但问题是Vertical滑块主容器有一个css属性溢出:隐藏;这不会让弹出窗口出现在容器外面。请参阅以下示例以更好的方式了解我的问题。
http://jsfiddle.net/awaises/BtAsN/
以下是示例图片网址,我想让我的滑块看起来像这样。
http://www.thewebmakerz.com/Vertical-Slider.jpg
请指导我如何解决该问题。此外,如果您知道任何以相同方式工作的示例,请参阅。
先谢谢
答案 0 :(得分:0)
您可以使用jQuery将html添加到页面
例如$('body').append('<div class="imagePopUp"> your content </div>')
将此功能放在按钮点击事件上。这样,您可以动态添加垂直滑块之外的内容,并将其放置在您想要的位置。
你可以使用
$('body').removeClass('imagePopUp')
删除它。