web_multi_image_zoomモジュールで画像を伸ばさないようにするにはどうすればよいですか？

Question

私たちは、私はフロントエンドの製品ページ上の複数の画像を持っているwebsite_multi_image_zoomモジュールをインストールしているOdoo 8.

を使用しています。

モジュールが動作しています。しかし、多くの場合、主画像が伸びています。

どうすればこの問題を回避できますか？

Answer 1

固定幅と高さは、すべての画像の割合を仕事に行くのではありません。そのimg要素で固定ピクセル幅、つまり幅：100％を使用してみてください。 height：auto;を使います。こうすることで、さまざまな画像が真の割合を維持し、コンテナの幅に合わせることができます。

問題が解決しない場合、あなたは、固定容器のサイズを試すことができ、ここで説明したように含まれているか、カバーhttps://css-tricks.com/almanac/properties/b/background-size/

Answer 2

を背景画像を使用して、私はOdoo 8のモジュールwebsite_multi_image_zoomのファイルmultizoom.jsでこの行をコメントしています

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

この行は、ロード時にメインイメージの固定高さと幅を設定します。

今、画像は伸ばされていません。

ありがとうございました