jQuery Topics

MobilySelect

MobilySelect is jQuery plugin (2kB) that replaces one collection of items with another.

Tags: , , , ,

Read more

MobilySlider

MobilySlider is advanced (looping, auto generated pagination, autoplay, or slide transition effect) plugin for jQuery (5KB). You can use any HTML !

Tags: , , , , , , , ,

Read more

imageCloud

ImageCloud is a jQuery plug-in based on ’s Doodle designed for the Christmas holidays on 2010. “Basically” it was a bunch of frames with that, when you mouse over, grow to their real size.

It takes all the images within a DIV tag (it could be any other though) and creates smaller frames of random size that are randomly positioned, so you get a different imageCloud every time that you reload the page.

Tags: , , , , , , , , , ,

Read more

jQuery UI Upload

This is a jQuery file multiple file uploader plugin using jQuery UI. They use swfupload library and have a fully theme roller widget.

Features:

* A jQuery-UI interface for a multi upload file
* You can specity file groups to control file limit and size
* Callbacks for the events that deal with file upload like progress bar

Tags: , , , ,

Read more

SimpleTube

A light-weight, barebones plugin for jQuery 1.3 and 1.4 that uses jQuery SWFObject for displaying the . It generates clean, valid HTML using only unordered lists for the display of the feeds. It has several options for various YouTube items: thumbnails, link position, description, etc…

Tags: , , , ,

Read more

jQuery iPreload

with some nice functions.

Params

onAll: function()
OnOne: function(img)
onFail: function(img)– called when an image was not succefully loaded
beforeShow: function(img)– called when an image was not succefully loaded
fadeTime: int(default 500) – time of fadein
delay : int(default 100) – time between showing next image
interval : int(default 200) – time between next check if any of is loaded
wrapElement : string(default ‘a’) – just needed
placeholder: string(default ‘img/loader.gif’) – path to loader image

Tags: , , , ,

Read more

jQuery PanZoom

Pan and an within a parent div using any combination of buttons (anything you can bind a click to), mousewheel and drag/drop.

Plugin can also read/write the co-ordinates of the image within the parent div to/from a (probably hidden) form field for easy into your own projects.

Tags: , , , , ,

Read more

Facebook like Photo Tagging

cfbPhotoTagging is jquery plugin which provides you functions you can use to develop aplication like have. With this plugin you can view tags, edit tags(positions, sizes), add new tags, view all tags at once, etc…

Tags: , , , ,

Read more

WowWindow

WowWindow is an advanced modal script and alternative, which allows you to create zooming windows from , inline , or videos ( or ). It uses CSS3 transformations (rotate or ) to present the windows, but still degrades sufficiently for browsers that do not support this.

WowWindow is a beta, and currently has incomplete documentation on the official demo page, though it works great and can be used in production. There is a full downloadable zip-archive with lots of sample code to play around with, and all the files you need to create the windows (styles and images included).

The windows can be made to do many more things than most standard modal window scripts, and it includes a fantastic feature to allow auto-generation of YouTube thumbnails for easy creation of galleries.

Even though it’s a beta, it works great. All the main cross-browser issues have been solved, and it can be used in production under normal circumstances.

This is also a drag-and-drop plugin, because there is a feature to allow the windows to be dragged around, without requiring jQuery UI.

Tags: , , , , , , ,

Read more

FlowGallery

is an based on the cover flow effect. The are arranged on an endless horizontal line with no overlap of the . The script is less than 5K (minified) in size and very easy to setup and configure. Loading indicators are displayed while are loading and supports caption text below .

Tags: , , , , ,

Read more

jPortlet

jPortlet is a wrapper that enables one to wrap a group of DIVs under a nice-looking “box”.
It is a great way to display content, may it be posts, , or whatever.

Tags: , , , , ,

Read more

Google Docs Viewer

This plugin automatically embeds the for viewing , doc, docx, ppt and tiff files linked to by anchor tags. You can choose which anchor tags are processed and customize output. The code is MIT licensed.

The Viewer is an embeddable browser-based viewer that requires only a URL to a file available online. This neatly bypasses the need for users to have compatible software on their machines for those file types and displays the right in the browser.

Tags: , , , , , , , ,

Read more

YoutubeCloud

This plug-in takes the IDs or URLs of different videos and, using the JavaScript API (available below to download or directly incorporated in the plug-in), displays a different of videos (with the provided IDs) every time that you refresh the page.

When you mouse over a , it will grow and the sound will fade in. When you mouse out of the , it will shrink and the sound will fade out. , no? Also the videos are looping infinitely, and they can be paused depending on the options selected for the plug-in.

Tags: , , , , , ,

Read more

jQuery Resources

Learn more about jQuery

jQuery News & Links

In today’s post we have included lightbox scripts/plugins from several JavaScript libraries: jQuery, MooTools, Prototype. These stylish lightbox scripts/plugins can ...

Just like Google Translate, jQuery plugins can be used to the same effect when it comes to having your own ...

We’re ready for our next round of community input, this time for version 1.8! This is your chance to suggest ...

The jQuery smoothAnchor Function provides you with a lightweight script that can make your in-page anchor links smooth scrolling. There ...

Here in the United States, we’re celebrating Thanksgiving this week. For those of you living elsewhere in the world, it’s ...

We all know that HTML5 is a new web technology led by Apple and it will be the next big ...

Today while we were searching for a decent plugins to share on the blog we stumbled across some jQuery plugins ...

TL;DR The body responsible for overseeing jQuery’s finances and administration, which was until today known as the jQuery Team, is ...

More and more Developers and Designers and have been using WordPress these days. Combining WordPress CMS with the power of ...

Just to let you know we’re not asleep at the switch around jQuery Central, we’ve got a new preview release ...

It seems everyone is asking this question lately! What do these lightbox/thickbox/fancybox/colorbox jQuery plugins have in common and what are ...

We’ve posted tons of jQuery Navigation Menu plugins for your websites and blogs and now we are giving you another ...

It can be very time consuming to make your jQuery code neat and tidy. Fortunately, there are online tools and ...

As a developer you may want to share your code on your website or blog (just like us!). There are ...

Hi guys, just a quick post to show you how to add custom messages to your code snippets that you ...

This is very useful for loading mutiple scripts with a callback function containing code that you want to run only ...

Here are 2 options to quickly view all the JavaScript used on a web page. Could come in handy when ...

This is how you can load the jQuery library using plain JavaScript. As the load takes place asynchronously so i’ve ...

jQuery Summit 2011 It’s that time of the year again (no, not Christmas!, something almost better!) – the annual (online) jQuery ...

The jQuery Slider can play a very important role when it comes to grabbing attention, displaying images & saving space ...

More Links & News

Community Resources

Use jQuery and the Google Maps API to create your own map application.

Super cool and easy way to get stylish tooltips with jQuery.

The right way to include the jQuery library in WordPress.

Share a resource