$('ul li a').hover(
function() {
$bshepelev = $(this).parent().index();
$('div.image img').eq($bshepelev + 1).show();
}, function() {
$('div.image img').eq($bshepelev + 1).hide();
});
Использован алгоритм без классов! по ИНДЕКСУ
<div>
<ul>
<li><a href="#" class="link1" rel="item1">1</a></li>
<li><a href="#" class="link2" rel="item2">2</a></li>
</ul>
</div>
<div class="image">
<img src="..." alt="" class="item1">
<img src="..." alt="" class="item2" />
</div>
$('ul li a').hover(
function() {
$bshepelev = $(this).attr('rel');
$('.' + $bshepelev).show();
}, function() {
$('.' + $bshepelev).hide();
});
Вон использование через атрибут "REL" т.е. в ссылке в атрибут задаем имя класса картинки! Но мне кажется более практично использовать первый код, так как он не потребует ничего дополнительно, а элементы без лишних классов
