Skip to content
This repository has been archived by the owner on Feb 23, 2023. It is now read-only.

How to Use fancyapps V4 in Vue.js 3.x #2640

Open
westchinago opened this issue Mar 2, 2022 · 1 comment
Open

How to Use fancyapps V4 in Vue.js 3.x #2640

westchinago opened this issue Mar 2, 2022 · 1 comment

Comments

@westchinago
Copy link

Hi
fancyapps is best plugin i used.
i try in the vue:

after installing with npm;
i quote in script:
import { Fancybox, Carousel, Panzoom } from "@fancyapps/ui"; //V4

style:
@import "@fancyapps/ui/dist/fancybox.css";
@import "https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/panzoom.css";
@import "https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/carousel.css";

i intend to realize the effect like this: https://fancyapps.com/playground/vu
input the responsively html,and finally fail the effect.

so may know to how to use this in vue?thanks

@evrendev
Copy link

evrendev commented Nov 17, 2022

import "@fancyapps/ui";
import "@fancyapps/ui/dist/fancybox.css";

<a href="bigImage.png" data-fancybox>
<img src="thumbnail.png" />
</a>

You can use like this in Vue3.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants