slick-animation

slick-animation is a jquery plugin to animate elements in the slick slider

Usage no npm install needed!

<script type="module">
  import slickAnimation from 'https://cdn.skypack.dev/slick-animation';
</script>

README

slick-animation

slick-animation let´s you easy animate your elements which are contained in your Slick.

Documentation

Dependencies

Version

0.3.3 Beta

Installation

bower install slick-animation

Basic Usage

  • HTML
<div data-animation-in=„fadeIn“><div>
  • CSS

Add the following css to your css files:

#your-slider [data-animation-in] {
    opacity: 0;
}
  • JavaScript
$(‚#your-slider’).slickAnimation();

Replace `#your-slider´ with your own id oder class.

Advanced Usage

You have several options for the animation.

  • animation in: data-animation-in

  • animation delay in: data-delay-in

  • animation duration in: data-duration-in

  • animation out: data-animation-out

  • animation delay out: data-delay-out

  • animation duration out: data-duration-out

  • HTML

<div data-animation-in="fadeIn" data-delay-in="2" data-duration-in="2" data-animation-out="fadeOUt" data-delay-out="2" data-duration-out="2"></div>

Contribute

This library is still in a beta phase, fell free to fork and make a pull request.

Bug Tracker

If you find a bug, please report it [here on Github!] (https://github.com/marvinhuebner/slick-animation/issues)

Get in Touch

Developed by Marvin Hübner