jquery/js 图片开箱预览效果

Question

我正在为软件（不是浏览器，但该软件使用 webkit 作为其渲染引擎）构建网页。该软件的窗口大小为 800x600 像素。用户将能够以包含 appr 的 zip 文件的形式下载图像集合。每个集合 15 张图像。白框代表这样一个集合（见下文）： page http://img717.imageshack.us/img717/630/bildschirmfoto20100630u.png 在这个 800x600 的页面上，我想用漂亮的 ui 效果可视化每个集合的内容。我尝试使用 JavaScript/jQuery 实现某种效果，我认为我在某处看到过但没有添加书签： 当一个人将鼠标悬停在一个白色盒子上时，4 个拇指会滑出这个盒子，为其他人腾出空间跟随。它们的大小可能会增加。

hovered http://img39.imageshack.us/img39/6803/bighk.jpg

有没有 jQuery 插件或其他东西可以实现这个效果？ 您将如何解决它或您有其他效果的建议？

谢谢，马克斯

Answer 1

我遇到的唯一插件是 FancyBox 或 Lightbox。但是您可以做的是在 div 标签中包装 4 张单独的图片，将它们设置为您设计中的布局，然后重复，但每个分组使用不同的 id。然后只需为每个 div 创建多个 FancyBox 处理程序，因此当单击图像时，用户只能滚动浏览该分组的图片。

看看我制作的一个例子FancyBox Example。您无需用户单击类别来对照片进行分组，而是为它们进行分组。