Submit your widget

A cool slideshow flick through content with jQuery

Created 5 years ago   Views 34781   downloads 7415    Author getwebplate
A cool slideshow flick through content with jQuery
View DemoDownload 726.2 KB
55
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.

<head>
    // 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">
</head>

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.

HTML

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

Read more:http://getwebplate.com/plugins/flickerplate