photo-grid
Version:
A fully responsive, lightweight and fast image grid plugin with no dependencies
48 lines (31 loc) • 902 B
Markdown
# Photo Grid
This is a fully responsive lightweight photo grid plugin.
## What it does
It will fill up each row with just as many photos as will fit. After rendering
it won't need to recalculate anything, making it very responsive. (Compared to
old solutions that would require recalculations when the browser window changes
size.)
## Install
__NPM__
```
npm install photo-grid
```
__CDN__
```
<script
src="http://cdnjs.cloudflare.com/ajax/libs/../../photo-grid.min.js">
```
## Usage
Photo-grid looks for `.photo-grid` and expects this to be a list (`ul`) of
images.
```
<ul class="photo-grid">
<li><img src="image1.jpg"></li>
...
<li><img src="imageN.jpg"></li>
</ul>
```
By default the images base height will be `200px` this can be changed using the
data attribute `data-gridBasis`.
## Demo
[Here's a demo of what this could look like](https://stenehall.github.io/photo-grid)