Смена картинки по клику.

Модификации основанные на языке JavaScript.

Скрипты(Огромная галерея скриптов, на любой вкус и цвет)
xaocZ

Смена картинки по клику.

xaocZ 21 июл 2012, 14:30 Сообщение

Смена картинки по клику, без перезагрузки страницы, с помощью javascript

Между тегами <head> ставим:

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

<script type="text/javascript"> intImage = 2; function swapImage() { switch (intImage) { case 1: change.src = "изображение 1"; intImage = 2; return(false); case 2: change.src = "изображение 2"; intImage = 1; return(false); } } </script>


В то место где хотим видеть:

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

<img id="change" name="change" src="изначальное изображение" onclick="swapImage();" />


"Изначальное изображение" - изображение которое будет показано первым.

Для установки большего количества изображений, добавляем в скрипт код, столько сколько вам нужно:

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

  case №: change.src = "изображение №"; intImage = №; return(false);


И в начале прописываем количество:

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

intImage = №;


Т.е. скрипт на три картинки будет выглядеть так:

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

<script type="text/javascript"> intImage = 3; function swapImage() { switch (intImage) { case 1: change.src = "изображение 1"; intImage = 2; return(false); case 2: change.src = "изображение 2"; intImage = 3; return(false); case 3: change.src = "изображение 3"; intImage = 1; return(false); } } </script>



Never opened myself this way
Life is ours, we live it our way
All these words I don't just say
And nothing else matters


Metallica - Nothing Else Matters


Похожие темы

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

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость