Скрипт увеличение картинки по клику для ucoz

Скрипт увеличение картинки по клику для ucoz

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

Установка:данный код ставим перед закрывающим тегом < /head> на страницах, где хотим видеть данный скрипт, чтобы работало увеличение.

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


Теперь у картинки дописываем вот такую строку:

Code
onclick="changeSizeImage(this)"


То есть в итоге должно выглядеть так:

Code
<img src="ссылка на картинку" height="150" onclick="changeSizeImage(this)" />


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


Поделись с друзьями

Может быть интересно
Комментариев: 0

Ошибка!

Уведомление!
Добавлять комментарии могут только зарегистрированные пользователи. Пройдите процесс регистрации, либо авторизуйтесь на сайте под своим логином.