FrontBlocks

外掛說明

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:
– Closemarketing Plugins

Developers

Official Repository Github

Links

• Closemarketing
• Close·Technology