JQuery flickerplate Slideshow

Flickerplate is a lightweight jQuery plugin that is only a few kilobytes in size. It allows the user to click on the mouse and then convert the content, very easy to use, responsive, support for touch devices

Online example

Default

Round Point Navigation position

Animation mode

Dark Theme

HTML Data Property

How to use

2. <div Class="Flicker-example">
4. <ul>
6. <li data-background="Img/field.jpg">
8. <div class="Flick-title">flickerplate</div>
10. <div class="Flick-sub-text">--Compact jquery slideshow plugin </div>
12. </li>
14. <li data-background="Img/forest.jpg">
16. <div class="Flick-title"> Modifiable Javascript or CSS</div>
18. <div class="Flick-sub-text"> view parameters to see how to modify the effects you need </div>
20. </li>
22. <li data-background="Img/frozen-water.jpg">
24. <div class="Flick-title"> Touch events </div>
26. <div class="Flick-sub-text"> introduction of JQuery Finger plugin to support mobile device touch events </div>
28. </li>
30. </ul>
32. </div>

Copy

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

CopyDetailed parameters

Parameters	Describe	Default value
Arrows	Show left and RIGHT arrow controls	True
Arrows_constraint	Left and right, no clicks.	False
Auto_flick	Auto Play	True
Auto_flick_delay	Auto play interval, in seconds	10
Block_text	Text Display background Shadow	True
Dot_navigation	Show Dot Navigation	True
Dot_alignment	Round Point Navigation position	Center
Flick_animation	Animation switch mode, optional transition-slide, Transform-slide, Jquery-slide, scroller-slide 4 kinds	Transition-slide
Flick_position
Inner_width
Theme	Set theme, optional light, dark 2 kinds	Light

Download

JQuery flickerplate Slideshow