当我使用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?
我目前正在摆弄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作为背景
相关文章:
- UIAutomation放大图像
- 如何使用javascript onmouseover缓慢放大图像
- 鼠标悬停时如何居中放大背景图像
- 查找仅适用于原始图像的图像放大算法的名称
- 使用angular缩放大图像以适应屏幕宽度
- 当我使用JS/jQuery/any插件点击图像时,我如何使背景变暗+不可点击,并放大和居中我的图像
- 使用 JavaScript 在我的 html 页面中放大图像
- 加载、滚动、放大和缩小图像,如谷歌地图
- 我想滚动放大和缩小一个图像,但也有针在该图像上保持正确的位置.jQuery
- 悬停时放大图像,但不要'不要把容器放大
- 在放大/缩小图像的同时平移图像上的圆
- JavaScript 和 HTML5 中的图像放大
- 仅使用一个图像放大图像
- 图像放大/缩小无法正确定位图像
- 在JS中的图像放大收缩动画
- 当图像放大时添加滚动条
- 实现图像放大/收缩效果
- 图像放大脚本
- 如何在没有固定大小的情况下将图像放大效果添加到块中
- Javascript图像放大问题