svelte-intense

This component is a port of Intense Image Viewer for use with Svelte.

Demo.

Usage

Simply replace your <img> element with a <SvelteIntense> component:

import {SvelteIntense} from 'svelte-intense'

...

<SvelteIntense src='img.jpg' />

Optional Props

Name	Type	Description
title	string	Renders in corner in maximized view.
caption	string	Renders below title in maximized view.
vertical	boolean	Images lock to scrolling either horizontally (default) or vertically.
moveSpeed	number	How fast to scroll images when following mouse.
loader	React.ReactNode	The loading spinner to use.

Styling

Feel free to use and/or customize the provided styles in dist/ReactIntense.css.

Issues

If you find any issues with this component, please report them!

Thanks

• Bryce Dorn
• Tim Holman
• Paul Irish
• loading.io