WHAT IS DIAPO?
Diapo is jQuery Slideshow or Content Slider. Diapo slideshow is an open source project. You can suggest changes or improvements if you want. You can download it and use for free, you can also include it in your projects and sell it as part of a bigger work
Diapo works on most of new browsers. Diapo slideshow requires jQuery 1.4+ and other jQuery plugins are necessary if you want to use some functionalities: jQuery Easing (http://gsgd.co.uk/sandbox/jquery/easing/), jQuery HoverIntent (http://cherne.net/brian/resources/jquery.hoverIntent.html), jQuery Mobile (http://jquerymobile.com/, but not all the plugins)
DEMO
HOW IT WORK
1. Include all the dependencies
<script type="text/javascript" src="scripts/jquery.min.js"><!--mce:0--></script> <script type="text/javascript" src="scripts/jquery.mobile-1.0b2.min.js"><!--mce:1--></script> <script type="text/javascript" src="scripts/jquery.easing.1.3.js"><!--mce:2--></script> <script type="text/javascript" src="scripts/jquery.hoverIntent.minified.js"><!--mce:3--></script> <script type="text/javascript" src="scripts/diapo.js"><!--mce:4--></script> <p> </p>
2. Call Diapo
jQuery(function(){ $('selector').diapo(); // or more options // $('selector').diapo({fx: 'scrollHorz', time: '5000'}); });
Related posts:
