<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#photo img").hover(function(){
$(this).animate({ opacity: 1 });
}, function(){
$(this).animate({ opacity: 0.35 });
});
})
</script>
<style type="text/css">
#photo img {
opacity : 0.35;
filter:alpha(opacity=35);
}
</style>
</head>
<body>
<div id="photo">
<img src="images/1.jpg" width="200" height="113" alt="">
<img src="images/2.jpg" width="200" height="113" alt="">
<img src="images/3.jpg" width="200" height="113" alt="">
<img src="images/4.jpg" width="200" height="113" alt="">
</div>
</body>
</html>
