2017-05-09 108 views
-3

有谁知道怎么做的Flickr的风格:通过jQueryjQuery的灯箱缩放效果

https://www.flickr.com/photos/bmse/34377828322/in/explore-2017-05-08/

照片缩放效果+灯箱吗?

如果您单击图像,图像放大并覆盖整个页面,并允许鼠标​​控制图像移动... 在移动 - 有点缩放将图像变成高品质的图像。

感谢

+1

下载代码,这是非常有可能的自定义JavaScript的人的Flickr写道:它可能不是一个现成的,现成的脚本。所以如果你想要同样的行为,你必须从它自己的作品中自己构建它:背景阴影封面,缩放动画,鼠标跟踪,在合适的时间缩小和移动支持。我建议如果你不想自己构建它,你会发现一些其他的灯箱脚本是开源代码,并且具有“足够接近”的行为以便被接受。 –

+0

感谢您的建议。 我在web.whatsapp.com看到了类似的效果,点击图片,缩放,移动鼠标移动图像,完美编码。 你是对的我会尽力建立它我的自我,并与所有人分享:) –

+1

你可以创建自己的,只是所有的技巧是在移动计算, 看到这[[小提琴](https://jsfiddle.net/ bRIMOs/331177ns/1 /) –

回答

1

您需要添加jquery PAN插件才能获得缩放效果。您可以看到缩放example here和另一个example here

您需要合并两个插件才能实现您的需求。将PAN插件需要的类应用到插件库插件的大图中,这样两个插件都可以工作。

您可以从here

+0

非常感谢,这非常接近。 –