How to use the @egjs/flicking-plugins.Parallax function in @egjs/flicking-plugins
To help you get started, we’ve selected a few @egjs/flicking-plugins examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
naver / egjs-flicking / packages / vue-flicking / demo / ssr / pages / plugins / Parallax.vue View on Github 
data() {
return {
plugins: [new Parallax("img", 4)],
code0: `
<div class="panel">
<img src="https://naver.github.io/egjs-flicking/images/bg01.jpg">
</div>
<div class="panel">
<img src="https://naver.github.io/egjs-flicking/images/bg02.jpg">
</div>
<div class="panel">
<img src="https://naver.github.io/egjs-flicking/images/bg03.jpg">
</div>
`
}
},import * as React from "react";
import Flicking from "../../react-flicking/Flicking";
import { insertCode } from "../utils";
import { Parallax } from "@egjs/flicking-plugins";
import "../css/plugins.css";
import "../css/parallax.css";
export default class ParallaxDemo extends React.Component<{}> {
private plugins = [new Parallax("img", 4)];
public render() {
return (
<div id="parallax">
<h1>Parallax <a href="https://naver.github.io/egjs-flicking-plugins/release/latest/doc/eg.Flicking.plugins.Parallax.html">API</a></h1>
<ul>
<li>Parallax effect will be applied to each panel while moving.</li>
</ul>
<div></div></div>@egjs/flicking-plugins
Ready-to-use plugins for @egjs/flicking
