Selasa, 11 Juni 2013 Image mouseover fade/greyscale effect with jQuery in Blogger

Today, I am going to make a black and white image fade into a colour image or vice versa on mouseover with jQuery. So, follow the steps below to use the effect in your blog. In this tutorial, I’m going to use two images, a colour image and its greyscale mode image.


You can create greyscale mode image of the original image using any image editing softwares. Or you can use free online image editors such as Online-Image-Editor, Fotoflexer, Pixlr, Picnik and more.
Digg it StumbleUpon del.icio.us
  • Tamako Market

    Tamako Kitashirakawa is the eldest daughter of a family which runs a mochi shop in her town's bustling Tama-ya shopping district.

  • Vividred Operation

    The story is set in a futuristic and peaceful world made possible thanks to the invention of the Manifestation Engine (示現エンジン Jigen Enjin?), which solved an energy crisis five years prior.

  • Ore no Kanojo to Osananajimi ga Shuraba Sugiru

    Eita Kidō enters high school with the aim to attend medical school. Due to his parents getting divorced and his intention to maintain his grades, he shuns anything to do with romance or love.

  • Maoyuu Maou Yuusha

    The story is set in a world embroiled by war between Humans and Demons. The Humans' greatest hero invades the Demon King's castle determined to vanquish her. However, instead of fighting back, the King proposes an alliance with the Hero.

 
Copyright 2010 Portal Blog Palma
Carbon 12 Blogger template Redesign PalmaHutabarat. Supported by Bloggermint