幻灯片的缩略图问题

Question

我正在尝试使用FancyBox以显示我输入到我的网页布局中的图库。我正在使用3列布局，并且正在尝试弄清楚如何在第三列中输入缩略图。我希望他们以有组织的方式排队，所以我给他们一个自动宽度和指定的高度。它似乎工作正常，但突然间，第二个缩略图不符合第一个缩略图。当我使用萤火虫并将鼠标悬停在图像上时，它显示由于某种原因，第二个缩略图上方有为href部分指定的空间。我该如何解决这个问题？有没有什么办法可以使缩略图尺寸完全相同而不扭曲缩略图的比例？我一直在努力寻找一个插件，创建一个简单的弹出式画廊，这是我发现的第一个工程，但我只是有小问题。

的链接是： http://kunkelgroup.com/webpage/kunkelsquare.html

Answer 1

您安排您的缩略图的方式有无关的fancybox。你的布局问题似乎更像是一个CSS问题。你可以重新标记你的问题并添加CSS，你可能会得到更快的帮助。

此外，我建议你用图像编辑器重新缩放缩略图，而不是通过html动态调整缩放大小;做第二次可能会显着影响性能和页面加载。

另一方面，你可以尝试http://masonry.desandro.com/插件来安排你的缩略图。