Скрипт увеличение картинки по клику для 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)" />
На этом все. Удачного применения скрипта, надеюсь он вам пригодится.
Смотрите также:
Оформление для стрима по Dota 2
Полный комплект оформления для вашего канала Twitch, а точнее для стрима по игре Dota 2, как мне кажется оформление больше подойдет для девушек так как сделано оно в стиле Crystal Maiden. В данн...
Банан
Спрей для ксс от нашего сайта
Минимальная длина комментария - 50 знаков. комментарии модерируются