Пропорциональное изменение размера изображений

Когда торговый каталог с кучей фоток разного размера — данная задача можует превратится в страшный геморой.

На помощь придет JavaScript

function setResize()
{
    var allImg = document.getElementById('imageblock').getElementsByTagName('img');
    for (var i=0; i<allImg.length; i++)
    {
        if (allImg[i].widht > 360)
        {
            allImg[i].height = allImg[i].height*(360/allImg[i].width);
            allImg[i].width = 360;
        }
        if (allImg[i].height > 355)
        {
            allImg[i].width = allImg[i].width*(355/allImg[i].height);
            allImg[i].height = 355;
        }
    }
}
onload = setResize;

В итоге все фотки которые принадлежат блоку с id imageblock будут уменьшены до указанных в функции размеров.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *