当我使用JS/jQuery/any插件点击图像时,我如何使背景变暗+不可点击,并放大和居中我的图像

How would I make the background dim + unclickable and my image enlarged and centered when I click an image using JS/jQuery/any plugins?

本文关键字:图像 放大 我的 背景 插件 any jQuery 何使 JS      更新时间:2023-09-26

我目前正在摆弄Flickr API,并试图使其能够搜索任何图像术语,这样就会出现一堆Flickr图像。然而,我也希望它能让我点击图片时,它会弹出,而背景和其他一切都变暗了,你无法点击它。我是否也需要一个"X"来在点击后关闭图片,这样用户就可以继续浏览我的网站了?

FancyBox是你的新朋友,请善待他。


关于如何将Flickr API与FancyBox:一起使用的一些指南

http://www.gregjopa.com/2010/12/flickr-feed-with-fancybox/

http://verivore.com/posts/6-flickr-photosets-and-fancybox-jquery

http://carst.me/2011/08/search-for-photos-using-jquery-flickr-api-and-fancybox-part-2/

(在谷歌上搜索Fancybox + Flickr的前几个结果)

将内容放在绝对或固定位置的div中,并使用另一个半透明div作为背景