Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

jFade - jQuery Hover Effect

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

jFade - jQuery Hover Effect - CodeCanyon Item for Sale


Ad: Bluehost hosting

jFade is a jQuery plugin that allows you to easily add fade interaction to elements on your website! Adds a nice UI hover effect using nothing more than the images already on your page.

With less than a dozen extra lines of code, you can easily control opacity fades when users hover over images. This can work for images (like in a portfolio), text, links, buttons, and anything you can put in a div.

Simply call the jade function in your header, and then add a class to each image you want to be included in the fade.


  • Complete control of starting and ending opacity
  • Multiple instances per page
  • Ideal for portfolio galleries to add nice UI effect
  • Browser compatibility
  • Built with javascript and CSS
  • Complete documentation

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


17 September 10

Last Update:

Compatible Browsers:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Files Included:
JavaScript JS, HTML, CSS

Software Version:


eCommerce, All Items, fade, fader, hover, hover effect, image, javascript, jquery, opacity, plugin, portfolio, thumbnails