Javascript-форум - скрипт "перекат изображений" не работает

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - скрипт "перекат изображений" не работает (https://javascript.ru/forum/misc/12413-skript-perekat-izobrazhenijj-ne-rabotaet.html)

скрипт "перекат изображений" не работает

Подскажите, пожалуйста, в чем ошибка. Скрипт "перекат изображений", с учебника:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Перекат</title>

<script type="text/javascript">
function ChIm (ImName, NewImF){
//поиск объекта, представляющего img элемент
var image = document.getElementById(ImName)
//сменить изображение
image.scr = NewImF }
</script>
</head>

<body>

<img id="SwapIm" src="but_one.jpg"
onmouseover = "ChIm('SwapIm', 'but_two.jpg')" alt=""
onmouseout = "ChIm('SwapIm', 'but_one.jpg')"/>

</body>
</html>

Цитата:

Сообщение от german

с учебника

Ерунде учат. Говнокоду.
По теме

image.*!*scr*/!* = NewImF

Не scr, src.
А вообще, что это за учебник, который не учит передавать this?

Нафига вообще отдельную функцию, можно же все в теге уместить:

<img src="but_one.jpg" onmouseover="this.src('but_two.jpg');" alt="" onmouseout="this.src('but_one.jpg');" />

А еще возможно такой прием заинтересует:

<div class="image"></div>
<style type="text/css">
    .image{
        width: 200px;
        height: 200px;
        background: url('but_one.jpg');
    }
    .image:hover{
        background: url('but_two.jpg');
    }
</style>

Ребята, спасибо

Цитата:

Сообщение от danik.js

danik.js

только заместо элемента <div/> использовать <a/>, и изображения если это функциональный элемент выполнить спрайтами