自動調整圖像大小的圖庫

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' 
    }); 
}); 

---

UPDATE

我發現this plugin，這似乎提供什麼you need。