Usage:

This plugin help you to create the fade over effect, with color tone filter. You need some image, smaller images, like thumbnials are prefered. If you choose some color picture, the results will look much better. You can control the alpha, color tone, fadeIn speed, and fadeOut speed.

IMPORTANT: You MUST specify the width and height of the image. (default is 100px x 100px)

jquery code:

//SIMPLEST CASE
$("img").MyFadeOverImage({
  imageWidth:100,
  imageHeight:100
});

//OR
$("img").MyFadeOverImage({
  normalAlpha:0.5,
  hoverAlpha: 1,
  normalToneColor:"#fff", //smog effect
  imageWidth:100,
  imageHeight:100
});

//OR
$("img").MyFadeOverImage({
  normalAlpha:0.8,
  hoverAlpha: 1,
  normalToneColor:"#fff", //smog effect
  imageWidth:100,
  imageHeight:100,
  fadeInSpeed: "500",
  fadeOutSpeed: "500"
});

YOUR SUPPORT