Изменение тумбы при наведении курсора

Не подскажете, где копать: нужен скрипт, который при наведении курсора меняет картинку на другую.
Рейтинг по-максимуму!

Смотря в каком виде тебе это надо. Если как самый примитивный вариант, то можно так:

Код:

<img src="pic-1.jpg" onmouseover="this.src='pic-2.jpg'" onmouseout="this.src='pic-1.jpg'" />

Если надо что-то похитрее, то в гугл искать "rollover images"

Спасибо Mika, то что нужно! +8

Спасибо и от меня, очень нужен был!

Неплохо бы добавить прелоад для картинок, чтобы они менялись при наведении без паузы (этот скрипт можно поставить в самом начале документа, а image_url[x] заменить на свои):

Код:

<script type="text/javascript">     <!--     if (document.images)     {       preload_image_object = new Image();       // set image url       image_url = new Array();       image_url[0] = "http://mydomain.com/image0.gif";       image_url[1] = "http://mydomain.com/image1.gif";       image_url[2] = "http://mydomain.com/image2.gif";       image_url[3] = "http://mydomain.com/image3.gif";        var i = 0;        for(i=0; i<=3; i++)          preload_image_object.src = image_url[i];     }     //-->     </script>

Спасибо. Дрон любит красявости и интересности

А как сделать так же как Mika ответил, но onclick? Я сделал, у меня по клику увеличивается, но интересно как сделать чтобы по клику уже по большой картинке (увеличенной) она возвращалась к исходному состоянию.

Код:

<script src="jquery-1.3.2.js" type="text/javascript"></script> <script> function init() {   $("img").toggle   (       function ()       {         this.i = this.src;         $(this).attr("src","big.jpg");       },       function ()       {         $(this).attr("src",this.i);       }   ); } $(document).ready(init); </script>

на jquery.
осталось только определиться с селекторами,
приметь ко всем img с определенным айди, классом или расположением в dom и определить тот самый big.jpg по какому принципу его называть, так как в данном виде, код будет канать на img в документе