Как избежать растянутого изображения с помощью модуля website_multi_image_zoom?

Question

Мы используем Odoo 8.

Я установил website_multi_image_zoom модуля, чтобы иметь мульти изображений на страницах продукта на внешнем интерфейсе.

Модуль теперь работает. Но часто основное изображение растягивается.

Как мы можем избежать этого?

Answer 1

Фиксированная ширина и высота не будет работать для каждого изображения пропорции. На этом элементе img попробуйте использовать фиксированную ширину пикселя или ширину: 100%; затем используйте height: auto ;. Таким образом, разные изображения сохранят свои истинные пропорции и по-прежнему будут соответствовать ширине контейнера.

Если это не работает, то вы можете попробовать фиксированный размер контейнера и использовать фоновое изображение или содержать покрытие, как описано здесь https://css-tricks.com/almanac/properties/b/background-size/

Answer 2

я прокомментировал эту строку в файл multizoom.js из модуля website_multi_image_zoom для Odoo- .

//$imgObj.attr('src', this.src).css({width: w || options.width || this.width, height: (h = +(h || options.height || this.height))}); 

Эта линия устанавливает фиксированную высоту и ширину основного изображения при загрузке.

Теперь изображения не растянуты.

Все