主页上的模态窗口而不是加载新页面

时间:2010-07-06 19:36:57

标签: jquery windows overlay modal-dialog

对jquery来说是新手,并且正在寻找一些极具挑战性的东西。

我正在创建一个投资组合网站,其中主页包含图像作为链接。

当用户点击链接时,而不是加载到新页面, 我只想要一个透明的叠加层,这样你仍然可以看到在主页上放置的新页面的内容。如果用户点击任何非该页面内容的区域(通过主页区域),用户可以返回主页。

主页上的图片链接也应该有悬停状态,我知道可以使用jquery淡入/淡出来完成。

效果可以在这个网站找到: example

不知道从哪里开始,我发现了一些不错的jquery模态窗口教程,但它们无法处理图像。

然后当然,你有jquery灯箱风格的幻灯片,它覆盖,但我不想要幻灯片。

我只是希望能够在家庭/当前页面上覆盖页面内容。

任何关于如何攻击这一点的建议都将非常感激。

谢谢!

2 个答案:

答案 0 :(得分:0)

如果jQuery UI library

,我可能会使用dialog()小部件

答案 1 :(得分:0)

我们通常使用Colorbox,因为它允许幻灯片,HTML,AJAX内容,IFrame内容和视频。