Skip to content

Svelte and tailwindcss component to preview and zoom on product images

Notifications You must be signed in to change notification settings

fouita/images-carousel-zoom

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Svelte + tailwindcss image preview with zoom

Svelte component to display and zoom on product images

install

$npm i @fouita/images-carousel-zoom -D

fouita simple zoom

Responsive display

fouita simple zoom

How to use?

<script>
    import ImgZoom from '@fouita/images-carousel-zoom'
    const base_url = "https://multimedia.bbycastatic.ca/multimedia/products/500x500/130/13021"
</script>

<ImgZoom images ={
    selected :`${base_url}/13021743.jpg`,
	List :  [
	 `${base_url}/13021743.jpg`,
	 `${base_url}/13021743_1.jpg`,
     `${base_url}/13021743_2.jpg`,
     `${base_url}/13021743_3.jpg`,
     `${base_url}/13021743_4.jpg`
	]
   } >

Requirements

  • Tailwindcss
  • Svelte project

About

Fouita : UI framework for svelte + tailwind components

About

Svelte and tailwindcss component to preview and zoom on product images

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published