background preloader

Utilitaires

Facebook Twitter

10 jQuery History/Back Button Plugins. Check out our collection of 10 jQuery History/Back Button plugins. These are really nice plugins. Dead simple to implement, most of the plugins work with bookmarking, refreshing, and back/forward buttons. 1. jQuery History Simple History Handler/Remote for Hash, State, Bookmarking, and Forward Back Buttons. Source + Demo 2. Plugin is for Ajax-driven pages to have back/forward navigation and to allow bookmarking. SourceDemo 3. jQuery Address Provides powerful deep linking capabilities and allows the creation of unique virtual addresses that can point to a website section or an application state. SourceDemo 4. jQuery BBQ: Back Button & Query Library jQuery BBQ leverages the HTML5 hashchange event to allow simple, yet powerful bookmarkable #hash history.

SourceDemo 5. jQuery hashchange event This jQuery plugin enables very basic bookmarkable #hash history via a cross-browser HTML5 window.onhashchange event. SourceDemo 6. This project is the successor of jQuery History. SourceDemo 7. jQuery Ajaxy 8. 10. Lazy Load Plugin for jQuery. Lazy Load is delays loading of images in long web pages. Images outside of viewport are not loaded until user scrolls to them. This is opposite of image preloading. Using Lazy Load on long web pages will make the page load faster. In some cases it can also help to reduce server load. Plugin is inspired by YUI ImageLoader Utility by Matt Mlinac. For those in hurry there are several demo pages: basic options, with fadein effect, noscript fallback, horizontal scrolling, horizontal scrolling inside container, vertical scrolling inside container, page with gazillion images, load images using timeout and load images using AJAX(H).

When checking the demos clear browser cache between each request. How to Use? Lazy Load depends on jQuery. You must alter your image tags. <img class="lazy" data-original="img/example.jpg" width="640" height="480"> $(function() { $("img.lazy").lazyload(); }); This causes all images of class lazy to be lazy loaded. PRO TIP! Setting Threshold Event to Trigger Loading. Brandon Aaron : Code : mousewheel : Demos. Jquery-watermark - jQuery plugin adds watermark capability to HTML input elements. Version 3.1.4 Compatible with jQuery 1.2.3+ Dual-licensed under the MIT or GPL2 licenses.

Contents Introduction Using the Plugin Important Usage Notes Static Properties and Methods Troubleshooting About the Author See latest change log This simple-to-use jQuery plugin adds watermark capability to HTML input and textarea elements. A watermark typically appears as light gray text within an input or textarea element whenever the element is empty and does not have focus. For example, a search input space sometimes appears at the top of the page, giving the user quick access to the search functionality. This plugin lets you specify the text that will be used for the watermark, and optionally you can supply your own CSS class name that will be applied to the input or textarea element every time the watermark is shown. If you do not supply your own class name, the class name "watermark" is used. Other important features include: $('#inputId').watermark('Required information'); Important usage notes. JQuery Multiple File Upload Script Plugin | Uploadify.