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:

One Reply to “jQuery Gloss Plugin”

Leave a Reply

Your email address will not be published. Required fields are marked *