画廊与自动调整大小图像

Question

我想制作一个包含自动调整图像大小的图库。这甚至可能吗？ 这就是我希望它的工作方式

1. 画廊的容器是一个高度和宽度固定的元素
2. 图像的预览可能是方形的，因此无论图像是纵向还是横向
都无关紧要
3. 预览应根据容器内部的图像量调整大小
4. 然后，如果你点击预览灯箱或类似的东西应该打开导航，图片描述和关闭按钮

有没有人可以帮我解决这个问题？

Answer 1

以下是一个示例解决方案：DEMO，Code（仅适用于单行，请参阅下面的更新）。

我正在使用fancybox，但您可以使用其他插件。

jQuery ：

var imgCount = $('.container img').length;
ContainerWidth = $('.container').outerWidth();
$('.container img').each(function() {
  $(this).css({
    'width' : Math.floor(ContainerWidth/imgCount),
    'height' : 'auto'
  });
});

---

<强>更新

我找到了this plugin，它似乎提供了you need。