Увеличение картинки при нажатии на нее для uCoz - Скрипты - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Скрипты


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

И так приступаем к установке данного скрипта. Код отвечающий за уменьшение и увеличение картинки - вставьте в нижнюю часть сайта перед закрывающим тегом  /body:

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>

В данном коде прописано, что и за что отвечает, размеры изображения можете прописать какие вам угодно. Теперь необходимо, что бы при нажатии на ваше изображение оно увеличивалось, это делается очень просто, необходимо прописать к нужному изображению атрибут onclick="changeSizeImage(this)", если кто-то не догнал или не понял как этот атрибут необходимо прописать в изображении, смотрите пример ниже...
Code
<img src="/картинка.jpg" height="150" onclick="changeSizeImage(this)"/>

Важно!

При копировании материала указывать ссылку на источник.

- 629
- 13-Декабря-2016
- 0
Материал разместил:

Похожий материал
Статьи сайта