Форум

german · #1 (**permalink**) 16.10.2010, 13:29

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

<!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>

Sweet · #2 (**permalink**) 16.10.2010, 14:21

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

с учебника

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

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

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

Sweet · #3 (**permalink**) 16.10.2010, 14:28

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

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

danik.js · #4 (**permalink**) 16.10.2010, 22:50

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

<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>

german · #5 (**permalink**) 16.10.2010, 23:15

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

monolithed · #6 (**permalink**) 16.10.2010, 23:24

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

danik.js

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

Форум

Справочник

Discord чат

Курсы javascript