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

Аватара пользователя
Assasin
Сообщения: 103
Зарегистрирован: 17 фев 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/

Вернуться в «jQuery»