Alaa Badran

It’s lovely to make you webpage interactive. jQuery plugins add effects to multiple elements of HTML. jQuery Gloss adds a Gloss (shining) effect to images by simple and lightweight code.

This effect is added on hover effect (mouseover, mouseout).

This plugin is ~2.2 Kb and it’s simple as:

• Add a DIV element to hold the image with class=”gloss”. eg:
  <div class=”gloss”><img src=”” alt=”Image gloss effect” /></div>
• Include the script file of jQuery Gloss plugin. eg:
  <script type=”text/javascript” src=”gloss.1.0.js”></script>
• Call the Gloss function. eg:
  <script type=”text/javascript”>$(document).ready(function (){ $.gloss(); });</script>
  OR
  add this before </body>: <script type=”text/javascript”> $.gloss();  </script>

Resources:

• jQuery Plugins: plugins.jquery.com/project/gloss
• Source & Demo: www.freelancer-id.com/gloss

Related posts:

10 Top jQuery Plugin for Images – 2011 Drag and Drop with jQuery for Touch Devices Scroll window smoothly using jQuery How to convert HTML Forms into AJAX simply