問題を確認するには、このページ に移動して次のテキストをクリックしてください。小さい、中程度のフルサイズのテキストは左にずれて (IE8 または IE9 では、Chrome、FireFox では正常に動作します)、画像の左端に揃えられません。
コード ( http://moments.qa.chucksoft.com/Scripts/mvc/views/show/Showview.js ) 154 行目:
ShowView.prototype.setImageSrc = function (imagesrc) {
var image = $('img#image');
image.attr('src', imagesrc);
image.load(function () {
var container = $('div#imagecontainer');
container.fadeIn(200);
var resizer = new Resizer();
resizer.resize(this.width, this.height, maxWidth, maxHeight);
var image = $(this);
var imageWidth = (resizer.width + 23);
container.width(imageWidth);
});
image.attr('src', imagesrc);
};
私が知るcontainer.width(imageWidth);限り、IE8 または IE9 ではレンダリングされません。ページが更新されると、機能します。組み込みの開発者ツールを使用すると、html に正しい値が表示されますが、開発者ツールのアウトラインでセレクター ツールを使用すると、変更された幅の値が反映されません。
私はバニラのJavaScriptを使ってみました。それはうまくいきませんでした。画像ソースを 2 回設定しようとしました。それもうまくいきませんでした。
この問題を修正する方法がわかりません。どんな洞察も大歓迎です。
アップデート
明確にするために、横長の画像から縦長の画像に移行するときに問題が発生します。それ以外の場合は、すべてが期待どおりに機能します。
... ?