我正在尝试使用FancyBox来显示我正在输入到我的网页布局中的图库。我正在使用3列布局,我正在尝试弄清楚如何在第三列中输入我的缩略图。我希望他们以有组织的方式排队,所以我给他们一个自动宽度和指定的高度。它似乎工作正常,但突然第二个缩略图不与第一个缩略图对齐。当我使用firebug并将鼠标悬停在图像上时,它表明由于某种原因在href部分指定的第二个缩略图上方有空格。我该怎么做才能解决这个问题?有没有什么方法可以使缩略图大小相同,而不会扭曲缩略图的比例?我一直在努力寻找一个能够创建一个简单的弹出式插件的插件,而这个是我发现的第一个有效的插件,但我只是遇到了一些小问题。
答案 0 :(得分:0)
您安排缩略图的方式与Fancybox无关。您的布局问题似乎比其他任何问题都更像是CSS问题。您可以重新标记您的问题并添加CSS,您可以获得更快的帮助。
此外,我建议您使用图像编辑器重新调整缩略图的大小,而不是通过html动态调整它们的大小;做第二个可能会显着影响性能和页面加载。
另一方面,您可以尝试使用http://masonry.desandro.com/插件来排列缩略图。