Увеличение картинки при нажатии на нее для uCoz

5360 просмотров Alan_Writer 07.11.2014

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

Собственно установка. Скрипт отвечающий за увеличение и уменьшение картинки - ставите в какой-нибудь глобальный блок:
Код
<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, то есть картинка должна быть такого вида:
Код
<img src="/картинка.jpg" height="150" onclick="changeSizeImage(this)"/>

Вот живой пример:

Все кароч.

Теги: картинка, скрипт, для uCoz, функционал, при нажатии, увеличение
0 Комментариев