jQuery Gloss Plugin

Posted on January 17th, by Alaa Badran in Browsers, CSS, Design, DHTML, Java Script, Jquery, Web & Programming, Web Browsers, XHTML. 1 Comment

jQuery Gloss Plugin

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>
    add this before </body>: <script type=”text/javascript”> $.gloss();  </script>


One thought on “jQuery Gloss Plugin

Leave a Reply

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