流行图像像谷歌图像

在此处输入图像描述

是否有任何jQuery插件或CSS技术来实现像谷歌图像这样的流行效果?

谢谢

#images{ padding:30px; } #images img{ position:relative; float:left; height:100px; margin:5px; transition:0.3s; box-shadow: 0 0 0 10px #fff; } #images img:hover{ z-index:2; transform: scale(1.2); } #images img:hover:after{ content: attr(title); } 
 

我一直在寻找同样的东西,不得不构建一个可扩展的插件。 对我来说重要的是它在Wapper或浏览器中像谷歌一样缩放。

这是带有演示的插件

DEMO

在Github上下载插件

我希望这有帮助

有很多jQuery插件可用于此

ThickBox的

灯箱

的fancybox

FaceBox

NyroModal

PiroBox

这是鼠标hover预览类型插件的选项: imgpreview

还有这个,请查看第二个演示: http : //cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery

Beautytips也可能有用,看起来很灵活。 Netflix风格的盒子相当不错。

从谷歌代码中看到这个:

http://code.google.com/p/jquery-image-hover/