Перейти к содержимому


Фотография
- - - - -

Фото товаров - вопрос

фото картинки

Лучший Ответ Sliapy , 24 July 2013 - 12:04


при прописывнии min-width картинка деформируется... По этому этот вариант отсек

Только я ничего не писал про min-width.

 

 

Тогда проще использовать max-width и max-height

 

С этим кодом

.jbzoo-item-teaser .jbimage-link {
    display: table-cell;
    height: 165px;
    vertical-align: middle;
}
.jbzoo-item-teaser .item-image.align-center {
    height: 165px;
}
.jbzoo-item-teaser .jbimage {
    height: auto;
    max-height: 200px;
    max-width: 200px;
    width: auto;
}

Страница выглядит так

 

ssmdd57e226_200x0.jpg

Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 14

#1 isay777

isay777

Отправлено 23 July 2013 - 08:11

Вопрос в следующем как настроить zoo или jbzoo так чтобы картинки сами уменьшались порпорционально, а не обрезались. 

 

Если указывать жесткие ширину и высоту, то при загрузке например прямоугольных картинок все обрезается, а если указать 100% ширину, то при загрузке большой картинки она будет огромной.... 

 

Кто как решает такие проблемы?

 

27nzdjd6o160.png


  • 0
ХОСТИНГ для сайтов jbzoo (все попугаи)

#2 viktoru82

viktoru82

Отправлено 23 July 2013 - 08:30

Я сделал один шаблон для всех изображений товаров и в него загонял (в фотошопе или пейнте) изображения. В параметрах изображений фулл и тизер указал 60% от заданных в шаблоне размеров (для возможности увеличения изображения при клике на сайте).

Например: Создаете в фотошопе новое полотно 600*400. В него загоняете все изображения товаров, после обработки сохраняете их под своим именем. В тизере у фулле указываете параметры 300*200 (в фулле можно сделать шаблон popup, для увеличения изображения при клике).

Как-то так.


  • 0

#3 isay777

isay777

Отправлено 23 July 2013 - 08:38

Ну вот не радует меня сейчас переделывать все фотки, около 600 штук. Конечно понятно, что нужно делать все в одном масштабе 300*200 600*400 и так далее, но эти картинки переносил со старого сайта на 1,5 и VM. И переделывать ручками не хочется, ну очень.  Да и не убережет это если заказчик сделает карточку товара сам и загрузит картинку с фотоаппарата размером в 7000 пикселей... 

 

Хотелось услышать возможность программного решения для автоматического CROP'а или как это назвать хз.


Сообщение отредактировал isay777: 23 July 2013 - 08:40

  • 0
ХОСТИНГ для сайтов jbzoo (все попугаи)

#4 igorkuzyukov

igorkuzyukov

Отправлено 23 July 2013 - 08:52

В настроиках вывода шаблонов (Compare | Favorite | Full | Teaser) в каждом из них, есть настройки изображений, там и указывайте размеры

 

Без-имени-9.jpg

 

И ваша картинка сама автоматом впишится в заданные параметры


Сообщение отредактировал igorkuzyukov: 23 July 2013 - 08:54

  • 1

#5 isay777

isay777

Отправлено 23 July 2013 - 09:44

В настроиках вывода шаблонов (Compare | Favorite | Full | Teaser) в каждом из них, есть настройки изображений, там и указывайте размеры

 

attachicon.gifБез-имени-9.jpg

 

И ваша картинка сама автоматом впишится в заданные параметры

Если было все так легко... 

 

Дело в том, что все картинки разные например одни высокие и тонкие, другие широкие и не высокие. Таким образом если указывать например квадратные размеры картинок, 150*150 к примеру, то все картинки просто обрезаются, а не масштабируются. 

В этом весь цимес... Или я что-то не так делаю или лыжи не едут. 

 

t0ir6iwt19ot.png

d37fa0kj7bsh.png


Сообщение отредактировал isay777: 23 July 2013 - 09:48

  • 0
ХОСТИНГ для сайтов jbzoo (все попугаи)

#6 igorkuzyukov

igorkuzyukov

Отправлено 23 July 2013 - 10:09

ссылку можно на проблемную страницу?


  • 0

#7 Sliapy

Sliapy

Отправлено 23 July 2013 - 10:41

Чтобы изображение просто ужималось пропорционально, а не обрезалось, укажите только ширину или только высоту.

 

Как еще можно пропорционально до одинакового размера ужать картинки с разным соотношением сторон?


Сообщение отредактировал Sliapy: 23 July 2013 - 10:41

  • 1
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#8 igorkuzyukov

igorkuzyukov

Отправлено 23 July 2013 - 10:52

Вопрос в следующем как настроить zoo или jbzoo так чтобы картинки сами уменьшались порпорционально, а не обрезались. 

 

Если указывать жесткие ширину и высоту, то при загрузке например прямоугольных картинок все обрезается, а если указать 100% ширину, то при загрузке большой картинки она будет огромной.... 

 

Кто как решает такие проблемы?

 

27nzdjd6o160.png

Пока смотрел уже решили. Напиши как сделал, чтоб другие не мучались. У меня хоть какие картинки грузи они отображаются отлично. Просто в настройках вывода меняешь и все


  • 0

#9 isay777

isay777

Отправлено 23 July 2013 - 10:56

Да пока не решил. 

 

 

Чтобы изображение просто ужималось пропорционально, а не обрезалось, укажите только ширину или только высоту.

 

Как еще можно пропорционально до одинакового размера ужать картинки с разным соотношением сторон?

 

Я с вами согласен про пропорции и выравнивание. 

Но вот в чем проблема, при выравнивании по высоте (что идеально для меня) Некоторые картинки (Широкие) рвут всю ширину... 

 

6pgqkqol93g0.png

 

Как только решу, сразу отпишусь. 


Сообщение отредактировал isay777: 23 July 2013 - 10:56

  • 0
ХОСТИНГ для сайтов jbzoo (все попугаи)

#10 Sliapy

Sliapy

Отправлено 23 July 2013 - 11:12

Тогда проще использовать max-width и max-height

 

Подробнее можно сказать только со ссылкой.


Сообщение отредактировал Sliapy: 23 July 2013 - 11:13

  • 0
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]





Темы с аналогичным тегами фото, картинки

Click to return to top of page in style!