jQuery

1. ThickBox 3.1

ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.

2. jQuery lightBox plugin

jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector. LightBox is a plugin for jQuery. It was inspired in Lightbox JS by Lokesh Dhakar. The better way to know what is jQuery lightBox plugin is to click the Example and see it in action.

3. jQuery Image Strip

Working for Obu Web i’ve found myself spending less time on code I would say meets the definition of AJAX I put in my book and more time on code that used to be called DHTML. But I guess I’m ok calling it AJAX, at least its pronounceable and building little JavaScript widgets is fun. Today’s widget is an Image Strip, it has a lot of real uses, but the way I like too use it is for fancy visual effects.

4. slideViewer (a jQuery image slider built on a single unordered list) 1.1

What’s this? slideViewer is a lightweight (1.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images. slideViewer checks for the number of images within your list, and dynamically creates a set of links to command (slide) you pictures. Also, clicking on each image will make the gallery slide to the next picture. You can optionally customize the kind of animation and its duration and also enhance(*) the default tooltips with some fancy tooltips.

5. jQuery: jqGalScroll v2.1 (Photo Gallery)

jQuery Gallery Scroller (jqGalScroll) takes list of images and creates a smooth scrolling photo gallery scrolling vertically, horizontally, or diagonally. The plugin will also create pagination to allow you to flow through your photos.

6. jQuery Photo Slider

First we need to start off with some images. You’ll want these images to be thumbnails that also have a larger view available. In this tutorial I’m using a thumbnail size of 50×50 and a full view of 600×400. You can have any size for the "full view" but the thumbnails must all be the same size. We’ll start with 4 thumbnails.

7. jQuery Thumbs

jThumb dynamically wraps images and/or link images with a div. You can add them an specific size (width and height) inside the css file. And optionally it can automatically center the image inside the frame. jThumb was developed using jQuery, obstrusive Javascript, and CSS by Joan Piedra.

8. jCarousel Lite

jCarousel Lite is a jQuery plugin that carries you on a carousel ride filled with images and HTML content. Put simply, you can navigate images and/or HTML in a carousel-style widget. It is super light weight, at about 2 KB in size, yet very flexible and customizable to fit most of our needs.

9. jQPanView based in jQuery 1.1

Inspired in Pan View plugin of Christian Bach. Creates a pan view, hold down your mouse button and start moving.

10. Interface Imagebox

The time devoted to this work was offered by Intelliance, Web Agency at La Rochelle, Charente Maritime.

11. EOGallery

EOGallery is a web animated slideshow gallery maid with jQuery. It only uses basic jQuery functions and Cody Lindley’s Thickbox to display larger pictures. By the way, EOGallery is XHTML 1.0 strict valid and almost CSS valid, it has been tested on Firefox, Safari, Internet Explorer 6 and works even with non-javascript and/or non-css browsers. EOGallery has been maid for testing purposes, there could be bugs and strange behaviors. For more informations, read read FProd’s blog. Enjoy trying it.

12. jQuery Cycle Plugin

The jQuery Cycle Plugin is a lightweight slideshow plugin. Its implementation is based on the InnerFade Plugin by Torsten Baldes, the Slideshow Plugin by Matt Oakes, and the jqShuffle Plugin by Benjamin Sterling. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects.

13. Lazy Load Images jQuery Plugin

It delays loading of images in (long) pages. Images below the fold (far down in the page) wont be loaded before user scrolls down. This is exact opposite of image preloading. With long pages containing heavy image content end user result is the same. Page feels snappier. Browser is in ready state after loading visible images. No need to wait for n pictures to load.

14. Lightview

Lightview was built to change the way you overlay content on a website.

15. Galleriffic

Galleriffic is a jQuery plugin that provides a rich, post-back free experience optimized to handle high volumes of photos while conserving bandwidth. I am not so great at spelling, and it was much later that I realized that the more appropriate spellings would be Gallerific or Gallerrific, but is too late now for a name change, so Galleriffic remains.

16. GalleryView: A jQuery Content Gallery Plugin

GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.

17. prettyPhoto a jQuery lightbox clone

prettyPhoto is a jQuery based lightbox clone. Not only does it support images, it also add support for videos, flash, YouTube, iFrames. It’s a full blown media lightbox. It comes with useful APIs so prettyPhoto can be launched from nearly anywhere (yes, that includes Flash)!

18. loopedSlider

loopedSlider is a plugin made for jQuery that solves a simple problem, the looping of slide content. It was created to be easy to implement, smooth and most of all end the “content rewind” that most other content sliders suffer from.

19. DevKick Galleria

Galleria is a JavaScript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS.

20. jFlow gallery

Tutorial and documentation, how to use jFlow plugin to create Your own gallery.

21. Spacegallery -jQuery plugin

Another image gallery for you.

22. Slider Gallery

This ‘product slider’ is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items. Simple stuff using jQuery plugins.

23. PrettyGallery

One more way how to display Your photos using jQuery.

24. Pirobox jQuery Lightbox

Lightbox scripts have become a very popular way of displaying images online in recent months. There are a huge number of them available, using a variety of different frameworks and languages. DesignShack offers a new jQuery Lightbox script It has been designed and created by Diego Valobra.

25. JQuery flickrGallery

FlickrGallery is a jQuery plugin for embedding flickr photos into a webpage.  Plugin considers a Gallery to be a list of Albums (similar to Flickr’s Collections).  Albums are considered to be photo sets.

26. S3Slider jQuery plugin

JQuery Slideshow with three different features and displaying sides, fully customizable sizes, delay speed and with good documentation.

27. jQZoom Evolution

JQZoom is a JavaScript image magnifier built at the top of the popular jQuery JavaScript framework. jQzoom is a great and a really easy to use script to magnify what you want.

28. jQuery Multimedia Portfolio

This plugin for jQuery will automatically detect the extension of each media and apply the adapted player.

29. JQuery Virtual Tour

This is an extension to the simple panorama viewer that allows you to play a little bit more with jQuery by adding interactivity to transform some panoramic views into a virtual tour!

30. Easy Slider jQuery Plugin

Easy Slider enables images or any content to slide horizontally or vertically on click. It is configurable with CSS alone. So, basically you link to plugin file, set the content up and style it with CSS.

31. GalleryView – A jQuery Content Gallery Plugin

GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.

32. Create a Thumbnail Gallery with Slick Heading and Caption Effect with jQuery

It is an elegant way to put more content in your website, but only display it when the user wants to see it. It keeps your website clean, but in the same time does not compromise your website content.

33. Sliding Boxes and Captions with jQuery

All of these sliding box animations work on the same basic idea. There is a div tag .boxgrid in this css that essentially acts as a window where two other items of your choosing peek through.

Prototype

34. iPhoto-like image resizing using Javascript

Upon seeing the Fluxiom intro video, I was compelled to figure out how they pulled off iPhoto-like image scaling in a browser. Leveraging the work of others, it’s actually very simple. If you use the script.aculo.us slider control to capture input values, it’s really just a matter of converting those values into something useful and modifying styles.

35. AJAX Image Gallery powered by Slideflow (like Cover Flow) 

You can drag the Slideflow using your mouse, or click anywhere in the stack to jump there. Click inside the frame in order to enable mouse wheel and arrow key navigation!

36. qGallery

qGallery is a simple to use prototype based gallery script. All image processing is done by the script so you don’t have to worry about the images you upload on the server. All images for the skimmer graphics and the fullsize view will be created on the fly and stored in a cache directory on the server to save processing power on the server.

37. protoFlow

ProtoFlow is a coverflow effect written in Javascript. It uses Prototype and Scriptaculous to do bulk of the work and it uses Reflection.js to do all the image reflections stuff!

38. VisualLightBox

VisualLightBox is a free tool that helps you easily generate online photo galleries, web photo galleries, based on famous LightBox2 script, in a few clicks without writing a single line of code. Just drag&drop your photos to VisualLightBox application window, press "Publish" and your own picture album web site with beautiful LightBox effects will open in the browser at once! No javascript, image editing, html coding, css, just a click to get your css web site album ready.

MooTool

39. SmoothGallery

Unlike other systems out there, JonDesign’s SmoothGallery is designed from the ground up to be standard compliant: You can feed it from any document, using custom css selectors. And even better, this solutions is very lightweight: The javascript file is only 24kb.

40. Imago – An Ajax Image Gallery

Imago is an Ajax Image Gallery with focus on simplicity and ease of use. It’s plain JavaScript and build on the mature ajax library mootools. No server side scripting is required! Neither is flash. Whether your photos are on flickr, smugmug or you’d like to host them yourself, Imago can show them.

41. (E)2 Photo Gallery

(E)² Photo Gallery is a open source gallery built with Mootools Javascript Library the compact, modular, Object-Oriented javascript framework. Designed to allow you to upload your photos to a desired folder, tell the (E)² Photo Gallery what folder to look at and it will automatically load the images using PHP.

42. mooCicle

43. MooFlow

Image gallery uses MooTools. It can autosetup graps all images inside a element.

 44. Slideshow 2!

Slideshow 2! is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website. This page features some examples of how Slideshow might be used to enhance the presentation of images on your website. Please view the source of this page for usage information.

45. ImageCaption – a MooTools Plugin for Auto-Captioning Images

ImageCaption is a MooTools 1.2+ plugin for easily adding figure captions to image elements on a web page. It is very customizable and painless to style.

46. noobSlide – Mootools Image Slideshow

noobSlide – A mootools based image gallery with 7 different styles. You’ll find download link at the bottom of the page.

47. MooTools 1.2 image slider – SlideItMoo

SlideItMoo is a MooTools 1.2 JavaScript plugin for sliding images, browser friendly and nicely degradable. All CSS styling is external. The plugin can slide the images from your photo gallery either by clicking the back – forward buttons or by mouse wheel. It can be used to display any number of thumbnails in a photo gallery or as a banner rotator. To switch from one way to the other, you simply have to set the appropriate values when instantiating the class.

48. JSGallery

An image gallery with thumbnails, paging and some smooth effects. Please visit the example page for more information. If you use MooTools 1.2, please check out JSGallery2.

49. PhatFusion Slideshow 

Slideshow using JavaScript MooTools with features like fade, Slide and Wipe transitions.

50. MooSlideBox

The mooSlideBox v3 is a small and slim Ajax based extension or replacement of the common “Lightbox” that can be found on nearly every page. This Lightbox clone works in IE 6/7, Opera and Firefox. It is based on the MooTools framework version 1.11.

Related Posts

• Collection of Fade in Fade out Effect Plugins
• Collection of AJAX Inline Edit Plugins
• 3 Examples of Facebook Like Autosuggestion
• The Ultimate Collection of AJAX File Upload Plugins
• Collection of 9+ AJAX Combo Box Plugins / Controls
• The Ultimate Collection of AJAX Form Validation Plugins (Controls)
• The Ultimate Collection of AJAX Accordion Plugins (Controls)
• The list of jQuery Twitter Plugins and APIs(Very Userful)
• Photoshop Tutorial: How To Make An Unique Old Photo With A Signature
• Alex Mercer Prototype PSD Free Download

Inline edit plugin improves editing experience. Inline skating changing the way you walk. Today, we took time to collect some popular plugins as below which you can not afford to miss.

AJAX inline text edit 2.0

A small piece of javascript reads al SPAN tags, checks if it has class="editText" and a id=. If that is true, it adds a onclick function. That onclick function will create a textfield or input (depending on the size of the editable text). Someone has the ability to edit the field. When the text field is blurred, it will read the contents, and starts a XMLHttpRequest and ‘sends’ the content + fieldname + any set vars to an update file. That file will update your database, and reply with the newly set text and the textfield will disappear again. This is a very simple script which only works with span tags. Text from the span html tag is sent to update.php which process the request. Plain html is returned from the server and this result populates the span.

Demo Download

Create flickr-like Editing Fields Using AJAX & CSS

On one of my web projects I’ve been working on, we needed to allow the user to edit some information on their profile page. I could have written an HTML form page and then written the php database updater, but why use such outdated interfaces? This is the era of AJAX, and you can’t deny it. AJAX is pretty sweet. I decided on using flickr-like editing boxes to do the job. If you are not familiar with how flickr handles editing data, here’s a short summary.

Demo Download

tEditable – in place table editing for jQuery

A jQuery plugin (based heavily on jEditable) that allows cells in a table to be edited and posted to a server ajaxically.

Demo Download

jQuery jFrame

Thanks to jQuery library, jFrame provides an easy way to get an HTML frame-like behavior on DIV Elements with AJAX. It comes with Pimentech Scripts library. Also available on jQuery site. With jFrame, you can build smart, complex modern, internet apps without leaving the main page, without a single line of JavaScript! A jFrame is a DIV tag with a src attribute. In a jFrame, click events on <a> and <input type="submit"> tags will be handled by jFrame and loaded in Ajax.

Demo Download

Jeditable – edit in place plugin for jQuery
How does in place editing work? Normal flow is this. User clicks text on web page. Block of text becomes a form. User edits contents and presses submit button. New text is sent to webserver and saved. Form becomes normal text again.

Demo Download

Edit in Place with Ajax using jQuery

An AJAX (or AHAH) proof-of-concept page that allows the visitor to edit the very (x)HTML page they are viewing, without leaving the page. Click the text to be edited and magically a textarea appears with buttons beneath to save or cancel the changes. Changes are sent via AHAH to a PHP script which normally would be used to update a database (MYSQL or flatfile).

Demo
jQuery Plugin – Another In-Place Editor

Another In-Place Editor is a jQuery plugin that turns any element or group of elements into an Ajax in-place editor using only one line of code. It’s written using the jQuery Library. I saw this on Flickr a while back and I thought it was really great how you can update the title and description of a photo without having to go to an admin page.

Demo Download

TableEditor
TableEditor provides flexible in place editing of HTML tables. User defined handler functions can easily be dropped in to, for example, update the data source via an AJAX request.

Demo Download

Edit-in-Place with Ajax using Prototype

Here is swimming lesson number one. Anyone who’s used Flickr to publish their photos will be familiar with the edit-in-place system used for quickly amending titles and descriptions on photographs. Hovering over an item turns its background yellow to indicate it is editable. A simple click loads the text into an edit box, right there on the page.

Demo

Ajax Edit In Place with Yahoo UI API

You’ve probably seen the article at 24 ways about Ajax in-place editing, but honestly the javascript they code up there seems quite hacky and un-standards-compliant. Instead, we’re going to use the Yahoo UI Library (YUI, YUI-EXT), a modern cross-browser javascript toolkit, to accomplish the same results with less hassle, and more power. The effect we want is like Flickr’s edit in place descriptions:

Demo

InlineEdit

The author remade inlineEdit for the new version of MooTools. It’s a component. You build on it. Like I did in my save example. So yes, it’s simple, but its a powerful base for you to build stronger things with.

Demo Download

Seamless inline text editing with ASP.NET AJAX

This is a technique that I really like. It’s excellently suited to intranet sites and administrative interfaces, where your users are typically familiar enough with the application to know which text they can click to edit. It’s actually very easy to implement, with a small amount of JavaScript.

Demo Download

Edit in Place with JavaScript and CSS

Edit in place (also called in-place editing) follows the axiom Alan Cooper calls "allow input wherever you have output". The combobox – a form element unfortunately absent from HTML – demonstrates this. In the same place where the current selection is displayed, the user can enter a value directly.

Demo Download

Light Speed Inline Editing Using ASP.NET AJAX and Web Services

If you ask people what the most important thing that they want for web based application UIs, most of them will answer "I want to edit data really fast, like in Excel!" That is a tough request. It means that the person wants to click on a row, edit some data, then click on another row, and have all the data saved into a database. The Inline Edit Controller (IEC) is JavaScript solution that resolves all our problems

Demo Download

Inline editing with DB write : ‘REAL’ AJAX with Asp.Net Series

This is the first example of Ajax I am showing with a write to the DB, and this will show just how easy it really is. Also, you will notice that the CSS changed a bit, that is because this plugin has a hover property that resets the background of the td, and that gave a funky interface; now this can be taken care of with some jQuery magic pretty easily, but that is outside the scope of what this is trying to show.

Demo Download

AJAX In Place Rich Editor

Using the great libraries Prototype 1.6, Script.Aculo.Us 1.8 and TinyMCE 3.2, IPRE provide a really easy way to implement an in place AJAX-powered editor using WYSIWYG.

Demo Download

Related Posts

• Collection of 50+ AJAX Photo/Image/Gallery Plugins
• Collection of Fade in Fade out Effect Plugins
• 3 Examples of Facebook Like Autosuggestion
• The Ultimate Collection of AJAX File Upload Plugins
• Collection of 9+ AJAX Combo Box Plugins / Controls
• The Ultimate Collection of AJAX Form Validation Plugins (Controls)
• The Ultimate Collection of AJAX Accordion Plugins (Controls)
• The list of jQuery Twitter Plugins and APIs(Very Userful)
• 22+ Userful Ajax CSS Tables You Should Know
• Collection of 30+ AJAX Menu Plugins

Fade in fade out effect plugins are easy to customize. This post collected useful plugins for fade in and fade out effect which will make your web site outstanding.

Lightbox2

Lightbox is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers. Lightbox 2 uses the Prototype Framework and Scriptaculous Effects Library.

Demo Download

Jquery Fade In.Fade Out

This jQuery shows you fade in fade out effect which is real simple to use and implement. The effect can be used to an image, a text link or even a div.

Demo Download

Simple jQuery Slideshow

This simple slideshow uses jQuery, JavaScript and CSS.

Demo Download

Fade In and Out Images from a Single Directory Using jQuery

This script reads through a single directory and looks for any image file (jpg, gif, or png) and rotate it.

Demo Download

Fade Transition Plugin for jQuery

This code transitions a sequence of images (or any HTML elements) by fading out one image, and fading in another.

Demo Download

jQuery Image Gallery with Fade in, Fade out, and Delay

Writing code less than 20 lines, you can implement fade in and fade out with delay between transitions.

Demo Download

CrossSlide

CrossSlide implements in Javascript some common slide-show animations, and builds upon jQuery’s animation facility.

Demo Download

Simple JQuery Image Slide Show with Semi-Transparent Caption

This case explains the slide show in 3 sections: html, css and javascript.

Demo Download

Making a Slideshow with jQuery

This case describes how to create slideshow using the same code he used for Estridge’s website.

Demo

Simple jQuery Slideshows

You will be able to show 2 variants of slideshow: alternating and synchronous.

Demo

Supervised

Supersized resizes images to fill browser while maintaining image dimension ratio, cycles images/backgrounds via slideshow with transitions and preloading and navigation controls allow for pause/play and forward/back.

Demo Download

Image Cross Fade Transition

This plugin show you how to deal with the challenge of rollover transition. 

Demo Download

InnerFade with JQuery

InnerFade is designed to fade any element inside a container in and out. These elements could be anything you want, e.g. images, list-items, divs.

Demo Download

jQuery Hover Fade Method (Modified)

This technique uses jQuery to modify the markup and to animate to fade transition. It is an update to my original post and is the result of collaboration with Remy Sharp of jQuery for Designers.

Demo

PictureSlides

PictureSlides is a plugin that works with DOMAssistant or jQuery, and it is a highly customizable JavaScript-based way to easily turn your images into a collection viewable as a slideshow, and with fading effects, if desired. It can be a stand-alone slideshow or have a complete image library look with thumbnails, navigation buttons etc.

Demo Download

jQuery Slideshows With the Cycle Plugin

The version of the cycle plugin is best suited for development use. As described on its site, the cycle plugin comes in two varieties. One, which includes the core components and the fade effect only, and a full version which includes all of the plugins shown on their site. Also keep in mind that, the plugin is not limited to images, it pulls all child elements of the div element you assign, whether it is images, headings, or paragraphs.

Demo Download

jQuery Cycle Plugin

The jQuery Cycle Plugin is a lightweight slideshow plugin. Its implementation is based on the InnerFade Plugin by Torsten Baldes, the Slideshow Plugin by Matt Oakes, and the jQShuffle Plugin by Benjamin Sterling. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.

Demo Download

GalleryView: A jQuery Content Gallery Plugin

GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.

Demo

Pikachoose

Pikachoose is a lightweight Jquery plugin that allows easy presentation of photos with options for slideshows, navigation buttons, and auto play. Pikachoose is designed to be easily installed, easy to setup, and well… all around easy.

Demo Download

s3Slider jQuery Plugin

The s3Slider jQuery plugin is made by example of jd’s smooth slide show script. It is very easy to use. First include the jQuery library then include the s3Slider javascript in the head of the page(s) where you want to use s3Slider.

Demo Download

Galleriffic

Galleriffic was inspired by Mike Alsup’s Cycle plugin, but with performance in mind for delivering a high volume of photos.

Demo Download

jQuery Plugin – An image Gallery

It’s nothing complicated – a simple image gallery/viewer. When calling the plugin you specify which images you want to use like.

Demo Download

jQuery Slideshow Plugin

The jQuery Slideshow Plugin is a very simple slideshow addon for jQuery with no frills and with the simple job of flicking between any numbers of images after a set delay. The delay can be set to whatever is required and when it is reached the image will fade into the next one.

Demo Download

Related Posts

• Collection of 50+ AJAX Photo/Image/Gallery Plugins
• Collection of AJAX Inline Edit Plugins
• 3 Examples of Facebook Like Autosuggestion
• The Ultimate Collection of AJAX File Upload Plugins
• Collection of 9+ AJAX Combo Box Plugins / Controls
• The Ultimate Collection of AJAX Form Validation Plugins (Controls)
• The Ultimate Collection of AJAX Accordion Plugins (Controls)
• The list of jQuery Twitter Plugins and APIs(Very Userful)
• Alex Mercer Prototype PSD Free Download
• Alex Mercer PROTOTYPE 5 PSD Free Download

Facebook-Like Auto Suggest

Guillermo Rauch’s Facebook-like Auto Suggest is an auto suggest script which simulate Facebook auto suggest feature. It works by caching all the results from a JSON Request and feeding them to the autocompleter object. When a item is added as a box, it’ removed from the feed array, and when the box is disposed it’s added back, so that it becomes available in the list when the user types.

Demo  Download

ASP.NET AJAX AutoComplete Control Demonstration

I want to share a free AJAX autocomplete extender (facebook like). It is based on ASP.NET 2.0, AJAX toolkit, and prototype js framework. Fully customizable with external CSS and easy to setup.

Demo  Download

jQuery Plugin: Tokenizing Autocomplete Text Entry

This is a jQuery plugin to allow users to select multiple items from a predefined list, using autocompletion as they type to find each item. You may have seen a similar type of text entry when filling in the recipients field sending messages on facebook.

Demo  Download

Related Posts

• Collection of 50+ AJAX Photo/Image/Gallery Plugins
• Collection of 9+ AJAX Combo Box Plugins / Controls
• Collection of AJAX Inline Edit Plugins
• Collection of Fade in Fade out Effect Plugins
• The Ultimate Collection of AJAX Form Validation Plugins (Controls)
• The Ultimate Collection of AJAX Accordion Plugins (Controls)
• The Ultimate Collection of AJAX File Upload Plugins
• Collection of AJAX Calendar / Datepicker Plugins & Scripts
• What is AJAX & amazing AJAX based applications and resources
• The list of jQuery Twitter Plugins and APIs(Very Userful)

Uploadify

This is a jQuery plugin that allows the easy integration of a multiple (or single) file uploads on your website. Uploadify provides four patterns for your choice, including Single File Upload, Multiple File Upload, Single File Upload – Auto Start, and Single File Upload – Custom Button, Custom Queue. The plugin uses a mix of JQuery, Flash, and a backend upload script of your choice to send files from your local computer to your website server.

  Demo Download

Ajax File Upload

You might have seen Ajax File Uploading in some sites. The basic idea is to upload a file without refreshing the page. Some sites go even further by providing details on how much percentage is uploaded, etc. It is very easy to achieve this effect using JavaScript.

  Demo

jQuery Multiple File Upload Plugin v1.46

It is a unobtrusive plugin for the jQuery Javascript library that helps users easily select multiple files for upload quickly and easily. Some basic validation functionality also be provided to help developers identify simple errors, without having to submit the form.

  Demo Download

uploadprogress v 0.3 – a jQuery + PHP plugin

It is a plugin to augment a standard file upload form with transparent background upload and add upload progress meter to keep users informed of progress.

  Demo Download

jQuery Ajax File Upload

Ajax file upload plugin allows users to easily upload multiple files without refreshing the page. In addition, you can use any element to show file selection window. It isn’t true ajax, but brings same user experience. It can support multiple file upload and specify allowed file types.

 Demo  Download

FancyUpload

This is powerful and elegant Ajax uploader. FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar.

  Demo  Download

Create An Ajax Style File Upload

It will show you how to create Ajax like version of the file upload. The trick is very simple, an Iframe will be used to upload the file so the whole page does not get refreshed and when the post is in progress it will show a dummy progress.

  Demo

AJAX Multiple File Upload Form

It creates an AJAX multiple file upload form which uses less server side code and provides a very nice user interface. managing upload from upload from input boxes turn to be interesting.

  Demo  Download

Multiple File Upload plugin for jQuery – v1.22

It is a plugin for jQuery to help users easily select multiple files for upload in a concise quick and easy manner. 7 examples are showed in the page. There must be one meet your needs.

  Demo  Download

Super file upload

It provides support for a file upload progress bar. It uses SWFUpload  and also the jquery progress bar plugin. It is very simple to use this plugin.

  Demo  Download

SWFUpload

SWFUpload is a small JavaScript and flash library to get the best of both worlds – the great upload capabilities of flash and the accessibility and ease of html and css. It allows users to upload multiple files at once by ctrl/shift-selecting in dialog. Users can get information before upload starts. it can work on all platforms/browsers that has Flash support. If Flash or JavaScript is unavailable, it will degrade gracefully to normal HTML upload form.

  Demo  Download

JqUploader

JqUploader is a jquery plugin that substitutes html file input fields with a flash-based file upload widget, allowing to display a progressbar and percentage. It is designed to take most of its customization from the html code of your form directly – so you don’t have to do things twice . For instance, the maximum file size, if specified via html, will be recognized and used in the rich upload interface generated by JqUploader.

  Demo  Download

Uber-Uploader

Uber-Uploader is a group of programs written in Perl, PHP and Javascript. It is intended to present a graphical representation of the status of a web based file upload in the form of a progress bar.

  Demo  Download

Gmail like file upload

This is an inherited button control which can perform file upload like in gmail manner. The button uses the inherited IFRAME technique to avoid full page rendering so that user will get a nice experience.

  Demo  Download

asynchronous file upload

Asynchronous file uploads is quote popular feature in modern AJAX web-applications. However standard AJAX classes (XmlHttpRequest) does not have capabilities to process or send files selected with file dialog (input type=file). This article contains example application (trivial file-sharing service, like rapidshare, megaupload or yousendit) which uses embedded frames (IFRAME) to upload file. While file is uploaded to hidden frame, user can still access web-page and fill file description field.

If you feel that your favorite plugins are omitted, please share your knowledge with us by leaving a comment, so that we can enrich the contents and share them to the world. thank you.

Related Posts

• Collection of 50+ AJAX Photo/Image/Gallery Plugins
• Collection of AJAX Inline Edit Plugins
• Collection of Fade in Fade out Effect Plugins
• 3 Examples of Facebook Like Autosuggestion
• Collection of 9+ AJAX Combo Box Plugins / Controls
• The Ultimate Collection of AJAX Form Validation Plugins (Controls)
• The Ultimate Collection of AJAX Accordion Plugins (Controls)
• The list of jQuery Twitter Plugins and APIs(Very Userful)
• 22+ Userful Ajax CSS Tables You Should Know
• Collection of 30+ AJAX Menu Plugins

jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. If you owned a wordpress based blog, maybe you have known, in fact, wordpress is also a jQuery based blog system.

With following jQuery Twitter Plugins, we can add twees to our websites easily, if you know something about javascript, html and php, even you can request Twitter public informations from your sites with jQuery Twitter API.

jQuery plugin for Twitter

Related Posts

• Collection of 50+ AJAX Photo/Image/Gallery Plugins
• Collection of AJAX Inline Edit Plugins
• Collection of Fade in Fade out Effect Plugins
• 3 Examples of Facebook Like Autosuggestion
• The Ultimate Collection of AJAX File Upload Plugins
• Collection of 30+ AJAX Menu Plugins
• Collection of 11+ AJAX Tools, APIs, Frameworks For Faster Development
• Collection of 9+ AJAX Combo Box Plugins / Controls
• Collection of AJAX Calendar / Datepicker Plugins & Scripts
• The Ultimate Collection of AJAX Form Validation Plugins (Controls)