Facebook Twitter

jQuery validation plug-in - main demo. jQuery lightbox for images, videos, YouTube, iframes. To open inline content, simply: Create a link (<a href=”#”>).

jQuery lightbox for images, videos, YouTube, iframes

Add the rel attribute “prettyPhoto” to it (rel=”prettyPhoto”). Change the href of your link so it is the ID of the inline content you want to open with the ID CSS selector (#). This is inline content opened in prettyPhoto. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Jquery-swapimage - Project Hosting on Google Code. This project has been moved to Github: Swap image with jQuery, flexible and easy way.

jquery-swapimage - Project Hosting on Google Code

YUI version now also available: Basic Usage 1. Include the scripts required: 2. <script type="text/javascript"> $.swapImage(".swapImage"); </script> Note: The above method call is equalivant to...


The Ultimate jQuery List. Tipsy tooltip. Overview Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag's title attribute.

tipsy tooltip

Examples & Usage Basic By default, tooltips will appear centred underneath their anchor: Hover over me Basic example: Gravities Using the gravity parameter, it's possible to control the positioning of the tooltip relative to the pointee: Gravity example: As of version 0.1.3, it's possible to use a callback function to set the gravity dynamically at hover-time. Here's an example (scroll the page to see the effect): Dynamic Gravity Dynamic gravity example: Fading For full Wob2.0 compliance, you must fade these badboys in: Fade example: Bonus Feature You can EVEN COMBINE FADE AND GRAVITY!

Slightly Advanced Usage Tooltip text can be set based on any attribute, not just title: Custom attribute example: If any attribute isn't good enough, you may pass a callback function instead. Preloading Images with jQuery and JavaScript. Creating effects on websites using jQuery and other JavaScript has really grown from flashy extras to full on applications in the browser.

Preloading Images with jQuery and JavaScript

Part of slick applications is images. They might be part of the content being loaded or something like an icon in an application. But, for those images being added after the page is loaded there can be a time gap while that image is downloaded. To avoid those time delays the images can be preloaded in the background. Lets take a look at how to do that. A jQuery Script Here is a simple jQuery script to preload the images. (function($) { var cache = []; // Arguments are image paths relative to the current page. $.preLoadImages = function() { var args_len = arguments.length; for (var i = args_len; i--;) { var cacheImage = document.createElement('img'); cacheImage.src = arguments[i]; cache.push(cacheImage); } }})(jQuery) You'll notice that this isn't anything special to jQuery.

To use the preloading make a call like: Breaking Down The Script var cache = []; Use jQuery - Showcase of sites that use jQuery.