Jump to content
Sign in to follow this  
samulet

Автоматизированная обработка фотографий товара.

Recommended Posts

Дорогие коллеги!

У меня возникла проблема.

Загружаемые картинки должны быть строго определенного размера (пропорции), чтобы они нормально отражались в магазине (без пустых полос справа, слева или сверху и внизу).

Нужно, "обрезать" лишние стороны у картинки, вмещая её таким образом, в контейнер. Если картинка маленькая - растягивать..

Пробовал через css: у контейнера {overflow:hidden}, а у картинки {margin: -30px}/ В этом случае картинка почти полностью "сжирается" и от нее остается полоска ((.

Да, забыл сказать, что картинки у меня - просто фактуры, не страшно обрезать где-то. Страшно растягивать не в пропорции.

Спасибо.

Share this post


Link to post
Share on other sites

Дорогие коллеги!

У меня возникла проблема.

Загружаемые картинки должны быть строго определенного размера (пропорции), чтобы они нормально отражались в магазине (без пустых полос справа, слева или сверху и внизу).

Нужно, "обрезать" лишние стороны у картинки, вмещая её таким образом, в контейнер. Если картинка маленькая - растягивать..

Пробовал через css: у контейнера {overflow:hidden}, а у картинки {margin: -30px}/ В этом случае картинка почти полностью "сжирается" и от нее остается полоска ((.

Да, забыл сказать, что картинки у меня - просто фактуры, не страшно обрезать где-то. Страшно растягивать не в пропорции.

Спасибо.

Сайт секретный такой секретный. Firebag'ом CSS можно легко править.

Share this post


Link to post
Share on other sites

Сайт секретный такой секретный. Firebag'ом CSS можно легко править.

Не понял оба комментария. Сори.

Сайт - не секретный, почему Вы так решили?

От комментария про firebug не легче.

По существу вопроса есть чего сказать?

Share this post


Link to post
Share on other sites

Не понял оба комментария. Сори.

Сайт - не секретный, почему Вы так решили?

От комментария про firebug не легче.

По существу вопроса есть чего сказать?

Перевожу. Если есть перед глазами сайт и есть Firebug, то гораздо проще исправить CSS, чем телепатически догадываться где у вас там что отрезается.

Share this post


Link to post
Share on other sites

Перевожу. Если есть перед глазами сайт и есть Firebug, то гораздо проще исправить CSS, чем телепатически догадываться где у вас там что отрезается.

Сори. Сайт albaro.ru

Вот страница с примером http://albaro.ru/index.php?route=product/product&path=59&product_id=70

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

Share this post


Link to post
Share on other sites

Вот страница с примером http://albaro.ru/ind...9&product_id=70

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

Это как раз выход. Причем практически единственный. Готовьте и загружайте фото в требуемой пропорции (квадратные или прямоугольные 2x1), в админке выставить любой удобный размер (с учетом пропорций) - и не будет никаких полос.

Второй возможный вариант - перелопатить движок и если получится, переключить используемые изображения с JPEG на что-то, поддерживающее прозрачность (PNG, GIF).

  • +1 1

Share this post


Link to post
Share on other sites

Перевожу. Если есть перед глазами сайт и есть Firebug, то гораздо проще исправить CSS, чем телепатически догадываться где у вас там что отрезается.

Помог Firebug?

Share this post


Link to post
Share on other sites

Помог Firebug?

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

Средствами CSS максимум, что можно сделать - это добавить в catalog/view/theme/default/stylesheet/stylesheet.css

в стиль .product-info .image (строка 960) - вот это.

margin-bottom: 20px;
margin-left: -30px;
width: 199px;

Share this post


Link to post
Share on other sites

Думаю вам нужен ресайз. Если конкретно, то функция cropsize. Попробуйте посмотреть здесь и здесь (описана функция кроп)

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.