Wednesday, March 28, 2012

jQuery Shining Image

HTML5 - jQuery Shining Image - CodeCanyon

jQuery Shining Image his title this type of HTML5/Canvas This time I will review,made by loopus, HTML5/Canvas is sold at a price of $7 in CodeCanyon. jQuery Shining Image - CodeCanyon Item for Sale canvas image effect // html canvas // html5 // image effect // jquery effect // jquery html5 // jquery image // lightbox shine // picture effect // shine // shiner //
Created 31 October 11
Last Update 26 March 12
Compatible Browsers IE9, Firefox, Safari, Opera, Chrome
Software Version HTML5, jQuery
Files Included JavaScript JS

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

Methods

  • .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

Related produck This user:loopus

jQuery Super Notice - CodeCanyon Item for Sale jQuery Live Menu - CodeCanyon Item for Sale jQuery Gradient Creator - CodeCanyon Item for Sale jQuery Html5 Buttons - CodeCanyon Item for Sale jQuery Simple Contact Form - CodeCanyon Item for Sale

More items by loopus

No comments:

Post a Comment