Categories
Browsers CSS Design DHTML Java Script Jquery Web & Programming Web Browsers XHTML

jQuery Gloss Plugin

Your ads will be inserted here by

Easy Plugin for AdSense.

Please go to the plugin admin page to
Paste your ad code OR
Suppress this ad slot.

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:

By Alaa Badran

Front-End and Web developer

One reply on “jQuery Gloss Plugin”

Leave a Reply

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