[raindew]

Здравствуйте и доброго времени суток друзья! Срочно нужна Ваша помощь!)
Задача такая:
Предположим, что есть 2 маленькие картинки и 2 большие. Нужно, чтобы при наведение на 1-ую маленькую картинку, изменялась 1-ая большая картинка.
Вот какой код у меня получился в итоге:

<script>
  $(document).ready(function() {
    $(".img-small li").hover(function() {
      $(".img-small li.active").removeClass("active");
      $(this).addClass("active");
    });
    $(".img-big li").ready(function() { 
      if ($(".img-small li").is(".active")) {
        $(".img-big li").addClass("active");
      }
  }); 
</script>

<style>
#img-main .active {border:1px solid black;}
#img-main li {float:left;list-style-type:none;cursor:pointer;}
</style>

<div id='img-main'>
<ul class="img-big">
	<li><img src="/netcat_files/10/2/1023423_1_thumb1.jpeg"></li>
	<li><img src="/netcat_files/10/2/1038141_1_thumb1.jpeg"></li>
</ul>
<div class='clear'></div>
<ul class="img-small">
	<li class='active'><img src="/netcat_files/10/2/1023423_1_thumb1.jpeg" style="width:50px"></li>
	<li><img src="/netcat_files/10/2/1038141_1_thumb1.jpeg" style="width:50px"></li>
</ul>
</div>

Наведение "hover" работает, а вот изменение 1-ой большой картинки, при наведение на 1-ую маленькую, нет. Спасибо!)