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
[eltd_button size=”huge-full-width” type=”outline” text=”Download & Demo Links” custom_class=”#” icon_pack=”font_awesome” fa_icon=”” link=”” target=”_blank” color=”” hover_color=”” background_color=”” hover_background_color=”” border_color=”” hover_border_color=”” font_size=”” font_weight=”” margin=””]
Demo = jQuery Shining Image
[eltd_button size=”huge” type=”” text=”Full Live Demo” custom_class=”” icon_pack=”font_awesome” fa_icon=”fa-laptop” link=”https://codecanyon.net/item/jquery-shining-image/711157″ target=”_blank” color=”” hover_color=”” background_color=”” hover_background_color=”” border_color=”” hover_border_color=”” font_size=”” font_weight=”” margin=””]
Kindly Note: We update new contents like WordPress Themes, Plugins, PHP Scripts everyday. But remember that you should never use this items in a commercial website. All the contents posted here for development & testing purpose only. We’re not responsible for any damage, use at your own RISK! We highly recommend to buy jQuery Shining Image from the The Developer ( loopus ) website. Thank you.
Download = jQuery Shining Image-[Updated].zip