Предпочтительно переписать увеличивающий скрипт
Но можно замутить что-то вроде
<!DOCTYPE HTML>
<html>
<head>
<style>
.menuitem{
border: solid 1px black;
margin:10px;
padding:5px;
}
.menuimage{
opacity:0.2;
}
</style>
</head>
<body>
<div id="menu1" class="menuitem" data-zoomid="#img1"> наведи на меня 1 </div>
<div id="menu2" class="menuitem" data-zoomid="#img2"> навелди на меня 2 </div>
<div id="menu3" class="menuitem" data-zoomid="#img3"> наведи на меня 3 </div>
<img id="img1" class="menuimage" src="http://a136.idata.over-blog.com/64x64/0/46/91/63/ball-cute-rendez-vous-icone-6043-64-2-.png"/>
<img id="img2" class="menuimage"src="http://a136.idata.over-blog.com/64x64/0/46/91/63/ball-cute-rendez-vous-icone-6043-64-2-.png"/>
<img id="img3" class="menuimage" src="http://a136.idata.over-blog.com/64x64/0/46/91/63/ball-cute-rendez-vous-icone-6043-64-2-.png"/>
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<!-- ======================== script1 ======================= -->
<script>
$(function(){
$('.menuitem').hover(function(){
var sel=$(this).attr('data-zoomid');
$(sel).mouseover();
},function(){
var sel=$(this).attr('data-zoomid');
$(sel).mouseout();
})
})
</script>
<!-- ======================== script2 ======================= -->
<script>
$(function(){
$('.menuimage').mouseover(function(){
$(this).stop().animate({opacity:1},500);
});
$('.menuimage').mouseout(function(){
$(this).stop().animate({opacity:0.2},500);
});
})
</script>
</body>
</html>