jQuery網格佈局圖像大小

Question

我正在使用jQuery插件Grid-A-Licious（http://suprb.com/apps/gridalicious）。我想在桌面瀏覽器上顯示真實的圖像大小。

$.Gal.settings = { 
     selector: '.item', 
     width: 450, 
     gutter: 1, 
     animate: false, 
     animationOptions: { 
      speed: 200, 
      duration: 300, 
      effect: 'fadeInOnAppear', 
      queue: true, 
      complete: function() {} 
     }, 
    }; 

https://github.com/suprb/Grid-A-Licious/blob/master/jquery.grid-a-licious.js

我的下一個問題是我如何可以設置圖片的邊框。通過CSS，我認爲這是與第十一個孩子，但這並沒有解決它。

這裏是我的榜樣 http://jsfiddle.net/ajJpH/1/

Answer 1

我建議Freewall的鏈接。它是一個跨瀏覽器和響應式jQuery插件，可幫助您創建多種類型的網格佈局，包括圖像佈局。你可以看到圖像佈局演示：

http://vnjs.net/www/project/freewall/example/image-layout.html

該項目的GitHub的主頁是https://github.com/kombai/freewall