MyCloud User Testing. jCarousel Examples. 33 Best jQuery Carousel Plugins, Tutorials and Examples - pixelzdesign. jDigiClock - Digital Clock (HTC Hero inspired). Author: Radoslav Dimov Version: 2.1 (Changelog) Download: jdigiclock.zip Licence: Dual licensed under the MIT and GPL licenses. Contents Introduction jDigiClock is a jQuery plugin inspired from HTC Hero Clock Widget. Examples Update Weather ... Bourgas Cooler with periods of rain Fri 12° / 6°Sat 18° / 7°Sun 20° / 9°Mon Thu, 10 Apr, 02:30 Getting started To use the jDigiClock plugin, include the jQuery library, the jDigiClock source file and jDigiClock core stylesheet file inside the <head> tag of your HTML document: To setup jDigiClock, add the following code inside the <head> tag of your HTML document: <script type="text/javascript"> $(document).ready(function() { $('#digiclock').jdigiclock({ // Configuration goes here }); }); </script> jDigiClock accepts a lot of configuration options, see chapter "Configuration" for further informations. jDigiClock expects a very basic HTML markup structure inside your HTML document: Configuration Compatibility Donate a beer or two via PayPal.
jQuery Liquid Carousel plugin. To see this plugin in action, just resize this window... Liquid carousel is a jQuery plugin intended for liquid designs. Every time the container of the carousel gets resized, the number of items in the list change to fit the new width. In order to use liquid carousel, you have to include the jQuery library and the liquid carousel script your page: Then you need to add the items list and the navigation buttons in the body of your document: <div id="liquid"><span class="previous"></span><div class="wrapper"><ul><li><a href="#"><img src="image.jpg" width="88" height="126" alt="image"/></a></li><li><a href="#"><img src="image.jpg" width="88" height="126" alt="image"/></a></li><li><a href="#"><img src="image.jpg" width="88" height="126" alt="image"/></a></li><li><a href="#"><img src="image.jpg" width="88" height="126" alt="image"/></a></li> ...
Finally you need to hook up the script using the $(document).ready() function: Bellow are all the available options with their default values: