https://github.com/fouita/images-carousel-zoom

Svelte and tailwindcss component to preview and zoom on product images
https://github.com/fouita/images-carousel-zoom

fouita image-zoom svelte tailwindcss

Last synced: about 1 year ago
JSON representation

Svelte and tailwindcss component to preview and zoom on product images

• Host: GitHub
• URL: https://github.com/fouita/images-carousel-zoom
• Owner: fouita
• Created: 2020-09-11T15:34:39.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-03-23T19:04:15.000Z (about 5 years ago)
• Last Synced: 2025-04-02T08:04:35.971Z (about 1 year ago)
• Topics: fouita, image-zoom, svelte, tailwindcss
• Language: Svelte
• Homepage:
• Size: 15.6 KB
• Stars: 10
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Svelte + tailwindcss image preview with zoom

Svelte component to display and zoom on product images

# install

```bash

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

```

![fouita simple zoom](https://cdn.fouita.com/assets/pics/template/image-zoom/carousel-zoom.gif)

# Responsive display

![fouita simple zoom](https://cdn.fouita.com/assets/pics/template/image-zoom/small-screen.jpg)

# How to use?

```html

    import ImgZoom from '@fouita/images-carousel-zoom'

    const base_url = "https://multimedia.bbycastatic.ca/multimedia/products/500x500/130/13021"

```

# Requirements

* Tailwindcss 

* Svelte project

# About

[Fouita : UI framework for svelte + tailwind components](https://fouita.com)