Увеличение картинки при нажатии на нее для 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$)?>
Чтобы оставить комментарий под этой публикацией, войдите или зарегистрируйтесь.

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

150 векторных иконок
150 векторных иконок
Отличное меню для сайта
Отличное меню для сайта
POST данные модулей системы uCoz
POST данные модулей системы uCoz
Ajax окна как на Kanavas
Ajax окна как на Kanavas
Кнопка Google Material Design
Кнопка Google Material Design
LinguaLeo – онлайн сервис для изучения английского языка
LinguaLeo – онлайн сервис для изуче