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

Описание: Программирование в HTML
Модератор: Aleksandr

Layk M
Автор темы, Прапорщик
Прапорщик
Аватара
Layk M
Автор темы, Прапорщик
Прапорщик
Сообщения: 170
Зарегистрирован: 4 июня 2013
С нами: 10 лет 9 месяцев

#1 Layk » 7 апреля 2014, 0:03

Код скрипта:

Код: Выделить всё

<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>


Код вставки:

Код: Выделить всё

<img id="img" onClick="resisize('img');" src="img/kartinka.png" width="100" border="0"
Изображение


  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «HTML»

Кто сейчас на форуме (по активности за 5 минут)

Сейчас этот раздел просматривают: 4 гостя