Network Pipe Manufacturer

    photo-grid

    1.0.0 • Public • Published

    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

    Install

    npm i photo-grid

    DownloadsWeekly Downloads

    0

    Version

    1.0.0

    License

    MIT

    Last publish

    Collaborators

    • stenehall