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

Программирование в HTML

Модератор: Aleksandr

Аватара
Автор темы
Layk M
Прапорщик
Прапорщик
Сообщения: 156
Репутация: 19
С нами: 4 года 8 месяцев

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

Сообщение #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»

Кто сейчас на форуме

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