Всё для Online игр и даже больше!
 
 
  • Страница 1 из 1
  • 1
Форум » Все Для Ucoz'a » Скрипты для ucoz » Увеличение картинки при нажатии на нее для uCoz
Увеличение картинки при нажатии на нее для uCoz
artimДата: Пятница, 16.01.2015, 18:21 | Сообщение # 1
Группа: Администраторы
Сообщений: 395
Награды: 4
Репутация: 4

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

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

Код
<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)", если кто-то не догнал или не понял как этот атрибут необходимо прописать в изображении, смотрите пример ниже...

Код
<img src="/картинка.jpg" height="150" onclick="changeSizeImage(this)"/>
Прикрепления: 3193075.jpg(41.4 Kb)

Оффлайн
Форум » Все Для Ucoz'a » Скрипты для ucoz » Увеличение картинки при нажатии на нее для uCoz
  • Страница 1 из 1
  • 1
Поиск: