Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

preload


Spinner

Submitted by cballou on May 15, 2010 - 4:59pm

Description

Spinner provides a simple approach for adding and removing a preloader for your web applications. Usage is as simple as calling $('elem').spinner() and subsequently $('elem').spinner('remove').

Spinner takes all the pain out of creating and maintaining all those pesky AJAX "loading" images. You no longer have to worry about styling and absolutely positioning your preloaders again. There are a number of configuration options giving you maximum flexibiliy.

Features

  • › Gives you the ability to use any number of custom image preloaders which can be created at ajaxload.info.
  • › Position the preloader to the left, right, or center of the calling element(s).
  • › Optionally hide the calling element by setting visibility to hidden which maintains the DOM positioning.

jLoader - Preload your website.

Submitted by jsaade on February 12, 2010 - 5:18am

Used to preload any div(s), it displays an overlay until all the images and background images in the div are loaded. It can have optional arguments to display and customize a porogress bar and progress text.

This loader extends Gaya Design's QueryLoader? adds more functionality and control:

- supports custom arguments no need for external CSS

- can have several loaders/divs being loaded running at the same time not limited to only one

- if the div itself has a background-image or if it is an image it is now taken into consideration.

- resize when window is resized.

CDZ Image Preloader

Submitted by radmission05 on December 10, 2009 - 1:05am

An image preloader written in javascript/jquery. This preload all images on your target element including backgrounds.

How to :
$(document).cdzPreloadImages(initCallback,progressCallback,completeCallback);

PfeLoader

Submitted by arkus on July 19, 2009 - 2:15pm

This is a preloader, it scans DOM and loaded StyleSheet's for occurence of images (in sheet, style, as element).
StyleSheet file has to be in the same domain as page using it.

Each callback function's 'this' object has three attributes: loaded, count, timeout.

jImagePreloader - The really first Image Loader plugin?

Submitted by kirk on July 8, 2009 - 10:50am

This plugin is my very first plugin and is very simple.

It makes image preloading on selected container(s) like this :

    <script type="text/javascript" src="path/to/jquery.js"></script>
    <script type="text/javascript" src="path/to/jImagePreloader.js></script>
    <link type="text/css" rel="stylesheet" href="path/to/jImagePreloader.css" />
    <script type="text/javascript">
            $(function(){
                     $("body").jImagePreloader();
             });
    </script>

    .......

    <body>
            <img src="path/to/image" width="xxx" height="yyy" alt="" />
            etc....
    </body>

Don't forget to write the width and height in the img tag, it's important with this release.
update: release 0.3 doesn't matter, it gives default width and height if not set.

Soon, I will implement some options like a splash screen.
update: done in release 0.3

Cache Image

Submitted by alexrabarts on December 22, 2008 - 2:14am

A simple plugin for pre-caching images. The plugin can be used to eliminate flashes of unstyled content (FOUC) and improve perceived page load time. Callbacks for load, error and abort events are provided.