JQuery Flickerplate slides,

JQuery Flickerplate slides,

Flickerplate is a lightweight jQuery plug-in with a size of only 12 kb. It allows users to click the mouse and convert the content, which is very easy to use and responsive. It supports Touch devices.

Online instance

Default

Dot navigation position

Animation Mode

Dark theme

HTML data attributes

Usage

1. <Div class = "flicker-example">
2. <Ul>
3. <Li data-background = "img/field.jpg">
4. <Div class = "flick-title"> Flickerplate </div>
5. <Div class = "flick-sub-text"> -- small jQuery slide plugin </div>
6. </Li>
7. <Li data-background = "img/forest.jpg">
8. <Div class = "flick-title"> Javascript or CSS modifiable </div>
9. <Div class = "flick-sub-text"> check the parameters and see how to change them to the desired effect. </div>
10. </Li>
11. <Li data-background = "img/frozen-water.jpg">
12. <Div class = "flick-title"> touch events </div>
13. <Div class = "flick-sub-text"> the jQuery Finger plug-in is introduced to support mobile device touch events </div>
14. </Li>
15. </Ul>
16. </Div>

Copy

1. $ (Function (){
2. $ ('. Flicker-example'). flicker ();
3. });

Detailed description of copy Parameters

Parameters	Description	Default Value
Arrows	Show left and right arrow Control	True
Arrows_constraint	Click not allowed from left to right	False
Auto_flick	Automatic playback	True
Auto_flick_delay	Automatic playback interval, in seconds	10
Block_text	Text display background shadow	True
Dot_navigation	Show dot navigation	True
Dot_alignment	Dot navigation position	Center
Flick_animation	Animation switching mode. Options include transition-slide, transform-slide, jquery-slide, and scroller-slide.	Transition-slide
Flick_position
Inner_width
Theme	Set the topic. Optional values: light and dark.	Light

Download