Скрипт увеличение картинки по клику для ucoz
Сегодня решил выложить вот такой скрипт, который использует минимум кода и очень прост в использовании. Смысл скрипта заключается в том, что при клике на картинку происходит ее увеличение и при втором клике картинка снова принимает исходный размер. Реальзовать это можно всего лишь прописав пару строк в определенные маста сайта.
Установка:данный код ставим перед закрывающим тегом < /head> на страницах, где хотим видеть данный скрипт, чтобы работало увеличение.
Теперь у картинки дописываем вот такую строку:
То есть в итоге должно выглядеть так:
На этом все. Удачного применения скрипта, надеюсь он вам пригодится.
Установка:данный код ставим перед закрывающим тегом < /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>
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)" />
На этом все. Удачного применения скрипта, надеюсь он вам пригодится.
Смотрите также:
Многофункциональный сайт для SA:MP сервера (UCP)
А я не смог её настроить под себя!
Основные возможности:
Авторизация (личный кабинет)
Система автоматического доната (UnitPay)
Личные настройки (смена пароля, email)
S...
Основные возможности:
Авторизация (личный кабинет)
Система автоматического доната (UnitPay)
Личные настройки (смена пароля, email)
S...
Supreme Fire Te
норм
Минимальная длина комментария - 50 знаков. комментарии модерируются