Смена изображения без перезагрузки страницы

Ответить
Аватара пользователя
Assasin
Сообщения: 105
Зарегистрирован: 17.02.2011
Всё просто,подключаем библиотеку Jquery..в head пишем

Код: Выделить всё

<script type="text/javascript">
function act(path)
{
    if (obj = document.getElementById('default')) {
        obj.src = path;
    }
}
</script>
а в body

Код: Выделить всё

<img id="default" src="image/0.jpg"> <!-- Заглушка,изображение которое выводиться в начале -->
В onclick вставляем путь к изображению которое хотим показать.

Код: Выделить всё

<a href="#" onclick="act('image/1.jpg'); return false;"><img src='image/11.png' border='0'></a>
<a href="#" onclick="act('image/2.jpg'); return false;"><img src='image/22.png' border='0'></a>
<a href="#" onclick="act('image/3.jpg'); return false;"><img src='image/33.png' border='0'></a>
Пример можно увидеть http://cod.aeero.su/example/
< ̄`ヽ、       /  ̄ >
 ゝ、  \ /⌒ヽ,ノ   /´
   ゝ、 ( ( ͡◉ ͜> ͡◉) /
     >     ,ノ
  ℧   ∠_,,,/´
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Ответить