jQuery Image Hover Fade Effect

You can see the Demo First

DEMO 

1. First Step
Login to blogger

2. Second Step
Go to HTML editor

3. Third Step
Find </head>

4. Fourth Step
Insert this code before </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'/>
<script type='text/javascript'>
$(document).ready(function() {
$('img').fadeTo('slow', 0.5);
$('img').hover(function() {
$(this).fadeTo('slow', 1.0);
}, function() {
$(this).fadeTo('slow', 0.5);
});
});
</script>

5. Fifth Step
Save your template and you will see the Fade Effect

Source
EZGN72YKNPY8 Technorati Claim

---

Vertical Slide Panel Info With jQuery | Click Here