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


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

Как сделать фиксированный размер картинки товара без обрезания


Лучший Ответ Sliapy , 12 August 2013 - 11:49

Можно сделать так:
 
В CSS добавить
 
 

.jbzoo-item-teaser .item-image a {
    float: left;
    text-align: center;
    width: 200px;
}


.jbzoo .jbzoo-item-teaser .align-left img {
    float: none;
    height: auto;
    max-height: 100px;
    max-width: 190px;
    width: auto;
}

Получим такой вид

 

ssm49ccb8c3_200x0.jpg

 

С максимальной шириной и высотой можно поиграть.

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


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

#1 registr

registr

Отправлено 12 August 2013 - 06:35

Если выставить ширину и высоту например 200х200, фотки будут обрезаться под этот размер;
если выставить только ширину или только высоту, тогда не будут обрезаться но если например фотка оч.высокая то она вытягивается и смотрится все некрасиво, вот пример http://gitara.in.ua/...y-akusticheskie
а в том же виртмарте фотки не обрезались а подгонялись под одну высоту и ширину, вот как здесь: http://www.gitara.in...ogitary/gibson/
вот и мне тоже хочется чтоб фотки не обрезаясь подгонялись например под размер 200х200

 


  • 0

#2 joejoker

joejoker

Отправлено 12 August 2013 - 09:41

Добрый день. Тут дело в том что ресайз картинок не зависит от jbzoo. За это отвечает хелпер zoo imagethumbnail.php. И может быть это и мое субъективное мнение, но данный ресайз реализован гораздо удобнее того что есть в вирте. Исходя из вашего примера (первая ссылка), я бы лучше привел к одинаковому виду все картинки. Т.е. сделал бы их либо вертикальными либо горизонтальными. И в итоге все смотрелось бы гораздо лучше, чем то как это смотрится в Вашем втором примере (вторая ссылка). Тем более, развернуть все картинки как надо, делов на минут 10-15.


Сообщение отредактировал joejoker: 12 August 2013 - 09:43

  • 0
В мире все совсем не сложно, если самому не усложнять.
Разработка индивидуальных решений для ZOO /JBZoo /Joomla

#3 registr

registr

Отправлено 12 August 2013 - 10:24

я полностью солидарен с вами насчет ресайза картинок но просто ситуация сложилась такая: надо по быстрому сдать сайт, товаров очень много, разбираться с фотками не хочется, а заказчица точно этого не сделает, так что если можете аодсказать в каком файле что написать-заменить - подскажите плиз


  • 0

#4 Sliapy

Sliapy

Отправлено 12 August 2013 - 11:49   Лучший Ответ

Можно сделать так:
 
В CSS добавить
 
 

.jbzoo-item-teaser .item-image a {
    float: left;
    text-align: center;
    width: 200px;
}


.jbzoo .jbzoo-item-teaser .align-left img {
    float: none;
    height: auto;
    max-height: 100px;
    max-width: 190px;
    width: auto;
}

Получим такой вид

 

ssm49ccb8c3_200x0.jpg

 

С максимальной шириной и высотой можно поиграть.


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

#5 registr

registr

Отправлено 12 August 2013 - 14:40

Спасибо, очень помогли, теперь нормально, ровненько


  • 0




Click to return to top of page in style!