Home arrow Web Design Blog arrow jQuery graphic effect - hover and fading opacity
jQuery graphic effect - hover and fading opacity PDF Print E-mail
Heart
Question
Dizzy
Perfect

Except the effect in previous example to zoom in and out on hovering the graphics, I have added an opacity level changed on each. Only need to add a class name imghover and add the script below.

Function: fadeTo(speed, opacity, callback) - Fades the opacity of all matched elements to a specified opacity and fires an optional call back after completion.

 
<script type="text/javascript">
    $(function() {
    $(".imghover").hover(
      function() {             
        $(this).fadeTo("fast", 0.7);
      },
      function() {             
        $(this).fadeTo("fast", 1.0);
      });
    });
</script>
 
< Prev   Next >
[ Back ]
Home
Website Design Services
Contact us
Web Design Blog
Tips and Tweaks
Google Analytics
Windows
JavaScript
Tech Republic
The official Google blog
Grynx DIY's and hacks
Stock Photos
Adobe TV
Flash & ActionScript, Tutorials
Flash Samples - Flash Scripting in AS3
E-Marketing Blog
Banner

USATODAY.com Video - Talking Tech