Submit your widget

jQuery slideshow featuring a blinds effect plugin

Created 6 years ago   Views 63685   downloads 6204    Author stathisg
 jQuery slideshow featuring a blinds effect plugin
View DemoDownload 1.9 MB
Share |

This is a jQuery plugin which creates a slideshow featuring a blinds effect transitioning (either vertical or horizontal) between a list of iages. we called Blindify .

First of all, you have to include Blindify's CSS file (or just copy and paste the code to one of your own), include a version of the jQuery library, and anywhere after jQuery, either the full or the minified version of Blindify. For example:

<link rel="stylesheet" href="blindify.css" media="all" />
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="jquery.blindify.js"></script>

Afterwards, you'll need a list of images, wrapped in a container element with a unique id. For example:

<div id="blindify">
        <li><img src="photo_1.jpg" alt="" /></li>
        <li><img src="photo_2.jpg" alt="" /></li>
        <li><img src="photo_3.jpg" alt="" /></li>
        <li><img src="photo_4.jpg" alt="" /></li>

Read more: