0

Всем привет! Такой вопрос, у меня есть изображения, я вывожу их таким образом http://cash-back.kz/index.php/products/cat/komp_yuternaya_tehnika/date можете посмотреть слева эти изображения.

Я вывожу их через цикл, и возникла нужда, выровнить все строчки в одинаковую высоту. Сейчас я все изображения беру и ставлю им width:140px, а высота автоматически. Получается то что когда высота больше ширины то по высоте колонке становится большой как 4 и 5 продукт по ссылке.

Нужно сделать так, наверно через jquery. Если высота больше ширины то изменять в изображении не width, а height. Если ширина больше высоты то так же как и сейчас ставить width.

p.s Изначально изображения на сервер загружается в разных размерах, только при выводе я ставлю width и height. Подскажите как реализовать? Спасибоо

1 ответ 1

1

В цикл вставляешь код ниже, в нем делится высота на ширину или наоборот, получаем коэффициент, и уже по коэффициенту смотрим выводить картинку по ширине или по высоте.

var img = new Image();
img.src = 'путь к артинки';
img.onload = function()
{
    if((img.height/img.width) > 1.5)
    {
        // выводим картинку
    }
    else
    {
        // выводим картинку
    }
}
2
  • можно сделать еще проще выставив свойства css max-height и max-width 2 апр 2014 в 13:26
  • хотя нет, средствами css врятли получится 2 апр 2014 в 13:28

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.