search

naver / egjs-flicking-plugins

Plugins for @egjs/flicking
https://naver.github.io/egjs-flicking/Plugins
MIT License
61 stars 12 forks source link

How can use this in CDN? #41

Closed dbwodlf3 closed 1 year ago

dbwodlf3 commented 1 year ago 
<script src="https://unpkg.com/@egjs/flicking@4.0.0-beta.4/dist/flicking.pkgd.min.js"></script>
<script src="https://naver.github.io/egjs-flicking-plugins/release/latest/dist/plugins.min.js"></script>
<link rel="stylesheet" href="https://naver.github.io/egjs-flicking-plugins/release/latest/dist/flicking-plugins.css">
<link rel="stylesheet" href="https://unpkg.com/@egjs/flicking@4.0.0/dist/flicking.css">
<script>
  const flicking = new Flicking("#Carousel", {align: "center", circular: true, bound: true, renderOnlyVisible: true, useFractionalSize: true, align: "prev"})
  flicking.addPlugins(new Arrow());
</script>

Arrow is not defined. How can use arrow plugin by CDN?

dbwodlf3 commented 1 year ago 
<script src="https://unpkg.com/@egjs/flicking@4.0.0-beta.4/dist/flicking.pkgd.min.js"></script>
<script src="https://naver.github.io/egjs-flicking-plugins/release/latest/dist/plugins.min.js"></script>
<link rel="stylesheet" href="https://naver.github.io/egjs-flicking-plugins/release/latest/dist/flicking-plugins.css">
<link rel="stylesheet" href="https://unpkg.com/@egjs/flicking@4.0.0/dist/flicking.css">
<script>
  const flicking = new Flicking("#Carousel", {align: "center", circular: true, bound: true, renderOnlyVisible: true, useFractionalSize: true, align: "prev"})
  flicking.addPlugins(new Flicking.Plugins.Arrow());
</script>

it works to me.