Скрипт увеличение - уменьшение изображения

Description: Программирование в HTML
Moderator: Aleksandr

Layk M
Topic author, Прапорщик
Прапорщик
Avatar
Layk M
Topic author, Прапорщик
Прапорщик
Reputation: 19
Posts: 163
Joined: 4 Jun 2013
With us: 6 years 1 month

#1by Layk » 7 Apr 2014, 0:03

Код скрипта:

Code: Select all

<script>
           function 
resisize(id)
           {
               
//Определяем переменные
              //которые хранят нужные размеры изображения
 
              
var big '500'small='100';
            
              
//Пишем условие, которое и будет уменьшать или увеличивать
              //в зависимости от того, что указано в width тега img
 
              
if(document.getElementById(id).width == big)
 
                   
//если ширина( width ) изображения не 100px( small ), а 500( big )
                   //то при клике на картинку изменяем на 100px( small )
 
                   
document.getElementById(id).width small;
 
              
//в противном случае( если ширина картинки до клика равна 100px( small ) )
              //то при клике увеличиваем до 500px( big )
 
              
else
 
                   
document.getElementById(id).width big;
 
          }
       
</script>


Код вставки:

Code: Select all

<img id="img" onClick="resisize('img');" src="img/kartinka.png" width="100" border="0"
Image

! ! !


Return to “HTML”

Who is online (over the past 5 minutes)

Users browsing this forum: 1 guest