Posts

Showing posts from May, 2013

JQuery Range Slider

-
Image
JQuery Range Slider enables you to capture a range of values with two drag handles. You can enable this mode by setting the rangeSlider property to true. Download URL : https://www.dropbox.com/s/vraijp19pf9mfyu/jqxslidert.rar Reference: http://www.jqwidgets.com
Post a Comment
Read more

JQuery FlipBox

-
This plugin is used to flip the elements easily in four directions, top, bottom, left and right. You have to just a small code as in all the plugins and also you could add callbacks. HOW TO USE? Like every jquery plugin, just chain it: $("#flipbox").flip({ direction:'tb' }) HOW TO CHANGE CONTENT? Add content params in this way: $("#flipbox").flip({ direction:'tb', content:'this is my new content' }) HOW TO ADD CALLBACKS? There are three available callbacks: onBefore, onAnimation, onEnd $("#flipbox").flip({ direction:'tb', onBefore: function(){ console.log('before starting the animation'); }, onAnimation: function(){ console.log('in the middle of the animation'); }, onEnd: function(){ console.log('when the animation has already ended'); } }) HOW TO REVERT A FLIP? There's an "hidden" method called revertFlip: as it says, revert a f...
Post a Comment
Read more

Responsive-Menu

-
This is also a simple jQuery plugin to convert list-based navigations into a select element for mobile devices and low browser widths. Options The options available for the plugin are listed below. Their default value appears next to their names, and available values below the description. combine [true] Convert multiple navigation lists into a single dropdown for mobiles [true/false] groupPageText ['Main'] Any <li> elements with <ul>/<ol> present get converted to an <optgroup>. As <optgroup> isn't selectable, a "dummy" <option> is added at the top of the group with the <li>'s value. This option sets the text for the "dummy" <option> ['string'] nested [true] This turns the <optgroup>s on and off [true/false] prependTo ['body'] Sets the container element for the menu to be put into. ['CSS-selector'] switchWidth [480] Sets the width (in pixels) at w...
Post a Comment
Read more

JQuery File Upload

-
Image
File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads. Download Link :  https://www.dropbox.com/s/4q4u0i7ny8pp2za/jQuery-File-Upload-master.zip
Post a Comment
Read more

HTML 5 Audio Player

-
Simple Player is a jQuery plugin that allows users to control audio files on their webpage. All browsers that supports HTML5 audio tag that allow mp3 or ogg format supported by this plugin.  There is no need to use flash (load flash plugin consumes much more memory extra) in some cases if you want to play a simple audio file.  Usage The jquery.simpleplayer.min.js file should be added to the head section of the HTML file after the jQuery JavaScript file. Below is how to include the JavaScript file using an absolute path, relative to the server root. <head>     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>     <script type="text/javascript" src="/jquery.simpleplayer.min.js"></script> </head> Then you should include the simpleplayer.css into your html. <link rel="stylesheet" href="simpleplayer.css" type=...
Post a Comment
Read more