IE 8 et 9 ne contenant redimensionnement lorsqu'il est positionné dans la largeur image.load

Question

Pour voir la question aller à cette page et cliquez sur le texte suivant. petites, moyennes fullsize texte sera vers la gauche (dans IE8 ou IE9, fonctionne très bien dans Chrome, FireFox) et ne sera pas aligné sur le bord gauche de l'image.

Code ( http: //moments.qa.chucksoft .com / Scripts / mvc / vues / show / Showview.js ) ligne 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);
    };

D'après ce que je peux dire au container.width(imageWidth); n'est pas rendu dans IE8 ou IE9. Si la page est mise à jour il fonctionne. Utilisation de l'outil intégré développeur montre la valeur correcte dans le code HTML, mais si vous utilisez l'outil de sélection dans le plan d'outil de développement ne reflète pas la valeur de largeur modifiée.

J'ai essayé d'utiliser javascript à la vanille. Cela n'a pas fonctionné. J'ai essayé de placer la source d'image deux fois. Cela ne fonctionne pas non plus.

Je suis à une perte sur la façon de résoudre ce problème. Toute autre idée serait très apprécié.

Mise à jour

Pour clarifier, la question se pose lorsque vous passer d'une image de paysage à une image de portrait, sinon tout fonctionne comme prévu.

...?

Answer 1

Je n'ai pas encore à comprendre cette question sur. J'ai pris une autre direction.