Скрипт увеличение картинки по клику для 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)" />
На этом все. Удачного применения скрипта, надеюсь он вам пригодится.
Также вы можете скачать этот скрипт в txt файле с нашего сервера.
Источник: http://www.uc-portaller.ru/
0
