This component is a port of Intense Image Viewer for use with Svelte.
Demo.
Simply replace your <img> element with a <SvelteIntense> component:
import {SvelteIntense} from 'svelte-intense'
...
<SvelteIntense src='img.jpg' />| 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. |
Feel free to use and/or customize the provided styles in dist/ReactIntense.css.
If you find any issues with this component, please report them!