Увеличение картинки при нажатии на нее для uCoz
Суть данного скрипта состоит в следующем, когда пользователи вашего сайта будут кликать на картинку, то картинка будет увеличиваться, а если пользователь еще раз нажмет на туже самую картинку, то эта же картинка примет свой первоначальный вид.

И так приступаем к установке данного скрипта. Код отвечающий за уменьшение и увеличение картинки - вставьте в нижнюю часть сайта перед закрывающим тегом :


Код
<script language = "JavaScript">  
  var bigsize = "300"; //Размер большой картинки  
  var smallsize = "150"; //Размер маленькой картинки  
  function changeSizeImage(im) {  
  if(im.height == bigsize) im.height = smallsize;  
  else im.height = bigsize;  
}  
</script>

Размеры изображения можете прописать какие вам угодно.



Теперь необходимо, что бы при нажатии на ваше изображение оно увеличивалось, это делается очень просто, необходимо прописать к нужному изображению атрибут onclick="changeSizeImage(this)", если кто-то не догнал или не понял как этот атрибут необходимо прописать в изображении, смотрите пример ниже...


Код
<img src="/картинка.jpg" height="150" onclick="changeSizeImage(this)"/>

На этом всё!

Всего комментариев: (0)

_LOGGED_IN$)?>
Чтобы оставить комментарий под этой публикацией, войдите или зарегистрируйтесь.

Случайные материалы

Полоска загрузки сайта для uCoz
Полоска загрузки сайта для uCoz
7 адаптивных и минималистических форм для сайта
7 адаптивных и минималистических фо
Смена ника без ПУ.
Смена ника без ПУ.
Как изменить цвет выделения текста на сайте только с помощью CSS
Как изменить цвет выделения текста
Toolbar.Js
Toolbar.Js
Стили и эффекты для кнопки
Стили и эффекты для кнопки