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.

png


pngIE

Submitted by davebelais on February 25, 2010 - 4:13pm

A fast, reliable, and unobtrusive transparent png fix for Internet Explorer 6.

backOpacity plugin

Submitted by nickobrien on November 3, 2009 - 8:59am

This plugin adds a opacity background to any object that has width/height specified without giving the inner elements an opacity. This plugin doesn't use any CSS hacks or the PNG hack. It uses the native jQuery opacity function, DOM strict attribute names and jQuery's CSS setters/getters to allow cross browser compatibility. Technically it adds a div element automatically within the parent and sets itself as background.

Simply:

$('.backopacity').backOpacity();

With settings:

$('.backopacity').backOpacity({
background: '#ffffff',
opacity: '0.1'
});

Currently does not work for IE6! Works on IE7+, Opera 9+, Firefox 3+ as i tested.

Png Corners

Submitted by ashrafuzzaman on February 3, 2009 - 6:29am

If you want smooth corners you will need png images and Internet Explorer 6 has issues with png alpha transparency. Then I came with a project pngcorner. This is very easy to use and very small in size(less than 4kb).

DD_belatedPNG

Submitted by JonathanTNeal on December 10, 2008 - 2:23pm

The jQuery DD_belatedPNG plugin is a direct port of DD_belatedPNG, which allows you to use 24-bit alpha-translucent PNG images in image tags as well as for the background-image CSS property in Internet Explorer 6, supporting background positioning and background repeating. There is no usage of AlphaImageLoader, so this doesn't have the buggy z-indexing associated with that filter, and it responds to Javascript element.style assignments and the :hover pseudo-class.

jParallax

Submitted by stephband on August 23, 2008 - 4:08am

jParallax turns a selected element into a viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and/or options), they move in a parallaxy kind of way. That is, they 'slide' over one another, the bigger layers going 'faster' than the smaller.

Check out the docs and the demos to really see what jParallax does.

If the layers are made of <div>s or <li>s or any other container then content can be positioned inside those layers, and jParallax provides ways to navigate to that content in response to user events.

iFixPng improved

Submitted by Yereth on June 24, 2008 - 11:47am

This plugin is an improvement to the original iFixPng plugin. It may use some more resources and work slower, but there are some important improvements:

  • The image or element with a background image doesn't have to be visible.
  • background-position is now supported, including an IE absolute position fix. (bottom: -1px || bottom: 0px)

Update

  • Since 3.1.0 background-position in percentages is fully supported. See the demo page for a demonstration.

Any improvements to speed or functionality are welcome. For as long as IE6 will be around, we need to tackle this problem together.

The unfix method was removed.

Usage:

// Set the transparent pixel
jQuery.ifixpng('/images/pixel.gif');
jQuery('img, .bgPng').ifixpng();