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, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Canvas

jQuery Shining Image

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

jQuery Shining Image - CodeCanyon Item for Sale


Ad: Bluehost hosting

jQuery Shining Image is an HTML5 jQuery plugin that add an animated shining effect to your images.

This plugin use canvas element, and is compatible with all computer and mobiles modern browsers. For the others, the image keeps its default static look.

  • Very easy to use : $(‘img’).shiningImage()
  • Many options to customize the effect
  • Can be used with lightbox, using onComplete Event
  • The shining image keeps the default style and class.
  • The shining image keeps original image click, mouseover, mouseout, mouseup and mousedown events
  • Compatibility : IE9+, Firefox 4+, Google Chrome 11+, Opera 10.6+, Safari 3.2+

Plugin parameters list :

  • color : Sets the effect color
  • delay : Sets the delay between each shine effect
  • direction : Sets the effect direction. Horizontal, vertical or diagonal
  • onComplete : Execute this function after plugin initialisation
  • onLoopComplete : Execute this function after each shine effect
  • opacity : Sets the effect opacity
  • playOnLoad : Automatically start effect or not
  • scale : Sets the effect scale. 1 = 30% of image width or height
  • speed : Sets the effect speed in ms


  • .data(‘shiningImage’).shine() : Start shine effect
  • .data(‘shiningImage’).stopshine() : Stop shine effect

Updates :

  • 2011-11-16 : Add methods shine() and stopshine()
  • 2011-11-04 : Removed a short white flash when used with lightbox
  • 2011-11-02 : Fixed a bug where the image is resized by the css

Wordpress Plugins

eeting Room

ATiSULQAT FIat Visual IIIITR Visitors Tracker

\\ FIat Assistant Creator,1.I.I.m.

Woo Visual Cart

PHP Plugins

PHP Flat Visual Chat PHP Flat Estimation and Payment Forms

jQuery Plugins

cts Super NoticE tnccn cC2zD JUgLZJ3 jQuery Gradient Creator

LJTIAI IVI Buttons crj QLrri hini jQuery Shining

jQuery Contact Form Simple Contact ajeieia Fowrr.flIV PX!rtYL4 CCD EjQjiery Live Menu Lsr, 4OE. Query bIWtlM1OI i.ive,vieflU MOA

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


31 October 11

Last Update:

Compatible Browsers:
IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Files Included:
JavaScript JS

Software Version:


eCommerce, eCommerce, All Items, canvas image effect, html canvas, html5, image effect, jquery effect, jquery html5, jquery image, lightbox shine, picture effect, shine, shiner