Создать акаунт
Хорошая свалка » Каталог файлов » Всё для ucoz » Другие скрипты » Скрипт увеличение картинки по клику для ucoz

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

22.08.2012, 14:43
1307
0
Скрипт увеличение картинки по клику для 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)" />


На этом все. Удачного применения скрипта, надеюсь он вам пригодится.

Смотрите также:

Комментарии
Минимальная длина комментария - 50 знаков. комментарии модерируются
Ошибка!
Добавлять комментарии могут только зарегистрированные пользователи.

Старая форма входа