【jQuery】レスポンシブイメージグリッドプラグイン。Images grid

Images gridはレスポンシブのイメージグリッドjQueryプラグイン。イメージをクリックするとライトボックスの機能も付いています。

jQuery CSS

<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="src/images-grid.js"></script>
<link rel="stylesheet" href="src/images-grid.css">

HTML

<body>
<div id="images"></div>

Usage

$('#images').imagesGrid({
images: ['img1.png', ... , 'imgN.png']
});

Options

images: [],                       // images urls
cells: 5,                         // max grid cells (1-6)
aling: false,                     // align diff-size images
getViewAllText: function() {...}  // returns text for "view all images" link
 
Images Grid

【jQuery】レスポンシブイメージグリッドプラグイン。Images grid

  • LATEST
  • RELATED
  • POPULAR