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

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

2000 Flat иконок
2000 Flat иконок
Простой плагин для создания анимации на сайте
Простой плагин для создания анимаци
Material Design Buttons
Material Design Buttons
Красивый вид материалов для uCoz
Красивый вид материалов для uCoz
Desygner — бесплатный сервис для создания обложек, макетов, постеров и визиток
Desygner — бесплатный сервис для со
300 Flat иконок
300 Flat иконок