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

私たちは、私はフロントエンドの製品ページ上の複数の画像を持っているwebsite_multi_image_zoomモジュールをインストールしているOdoo 8.web_multi_image_zoomモジュールで画像を伸ばさないようにするにはどうすればよいですか？

を使用しています。

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

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

2017-01-10 La Page PT

あなたのHTMLとCSSを共有できますか？あなたの答えは –

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

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

2017-01-10 22:19:47

ありがとう。私はそれを分析し、私はすぐに戻ってくるだろう。 –

を背景画像を使用して、私は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))});

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

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

ありがとうございました

2017-01-11 20:53:41

答えて