Svelte Masonry Gallery Dev

Basic implementation of [https://w3bits.com/css-masonry/] Rahul basic masonry implementation, column based.

Will remove warning once I get it working.

Installation

The usual:

npm install svelte-masonry-gallery

or

yarn add svelte-masonry-gallery

Usage

<script>
  import {SvelteMasonryGallery} from '@aphorica/svelte-masonry-gallery'

  let imageUrls = []  // create a list of urls to images
</script>

<SvelteMasonryGallery 'imageUrls'>

Features

• Clicking on an image will show it in loupe mode.

• If the image has an XMP description entry, it will use that for the alt tag and the title, and will display it in the loupe view.

TODOS

Lots. At some point I'd like to add some parameters to control (for instance), the number of columns, perhaps the number of images on a page (and paginate), background color, gutter spacing, etc.