svelte-image-gallery v1.7.1

svelte-image-gallery

A Masonry-Like Image Container for Svelte

See On REPL

Traditional	svelte-image-gallery
Made responsive via media queries or minmax/autofit	Responsive out of the box

Installation

npm install --save-dev svelte-image-gallery

Usage

<script>
	import Gallery from 'svelte-image-gallery'

	function handleClick(e) {
		console.log(e.detail.src)
	}
</script>

<Gallery on:click={handleClick}>
	<img src="..." />
	<img src="..." />
	...
</Gallery>

Running Locally

• Clone the repository
• Open example folder in terminal
• Run npm i, then npm run dev

Parameters

To access the image url on click, use the on:click directive in the Gallery component.

Created By Berkin AKKAYA