To start using the Carousel, add the frontblocks-carousel class to the element and then, include any of the following attributes:
Data Attributes for Carrousel:
- data-type: slider, carousel
slider - rewinds slider to the start/end when it reaches first or last slide,
carousel - changes slides without starting over when it reaches first or last slide.
- data-autoplay: 0 - time ms
- data-view: 1, 2, 3, 4, 5, 6
- data-buttons: bullets, arrows, none
- data-buttons-color: hex color
- data-buttons-background-color: hex color or transparent
-
data-res-view: 1, 2, 3, 4, 5, 6
Data Attributes for Animation:
-
data-frontblocks-animation: defines the animation class name that will be assigned to the element.
Animations:
Based on Animate.css
Attention seekers:
bounce, flash, pulse, rubberBand, shakeX, shakeY, headShake, swing, tada, wobble, jello, heartBeat
Back entrances:
backInDown, backInLeft, backInRight, backInUp
Back exits:
backOutDown, backOutLeft, backOutRight, backOutUp
Bouncing entrances:
bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp
Bouncing exits:
bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp
Fading entrances:
fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeInTopLeft, fadeInTopRight, fadeInBottomLeft, fadeInBottomRight
Fading exits:
fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, fadeOutTopLeft, fadeOutTopRight, fadeOutBottomRight, fadeOutBottomLeft
Flippers:
flip, flipInX, flipInY, flipOutX, flipOutY, Lightspeed, lightSpeedInRight, lightSpeedInLeft, lightSpeedOutRight, lightSpeedOutLeft
Rotating entrances:
rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight
Rotating exits:
rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight
Specials:
hinge, jackInTheBox, rollIn, rollOut
Zooming entrances:
zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp
Zooming exits:
zoomOut, zoomOutDown zoomOutLeft, zoomOutRight, zoomOutUp
Sliding entrances:
slideInDown, slideInLeft, slideInRight, slideInUp, Sliding, exits slideOutDown, slideOutLeft, slideOutRight, slideOutUp
Others Plugins:
Extract the zip file and just drop the contents in the wp-content/plugins/ directory of your
WordPress installation and then activate the Plugin from Plugins page.