Submit your widget

A cool slideshow flick through content with jQuery

Created 5 years ago   Views 35629   downloads 7639    Author getwebplate
A cool slideshow flick through content with jQuery
View DemoDownload 726.2 KB
Share |

This plugin is by definition a jQuery plugin and so is required. It also requires Modernizr for touch detection and the jQuery.Fingerlibrary for touch events. Both jQuery and a custom build of Modernizr are supplied in the zip package.

See an example below of a basic include.

    // Required javascript
    <script src="js/min/jquery-v1.10.2.min.js"></script>
    <script src="js/min/modernizr-custom-v2.7.1.min.js"></script>
    <script src="js/min/jquery-finger-v0.1.0.min.js"></script>
    // Flickerplate
    <script src="js/min/flickerplate.min.js"></script>
    <link href="css/flickerplate.css" rel="stylesheet" type="text/css">

Executing Flickerplate

The plugin is executed via Javascript and can be called on any containing class as long as the inner HTML is correct. See an example of both below.


<div class="flicker-example">
            <div class="flick-title">Title 1</div>
            <div class="flick-sub-text">Text line 1</div>
            <div class="flick-title">Title 2</div>
            <div class="flick-sub-text">Text line 2</div>
            <div class="flick-title">Title 3</div>
            <div class="flick-sub-text">Text line 3</div>

Read more: