Pregunta

Para ver el tema vaya a esta página y haga clic en el siguiente texto. El pequeño, mediano tamaño completo texto será hacia la izquierda (en IE8 o IE9, bien funciona en Chrome, Firefox) y no será alineado con el borde izquierdo de la imagen.

Código ( http: //moments.qa.chucksoft .com / Scripts / MVC / views / mostrar / Showview.js ) Línea 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);
    };

Por lo que puedo decir al container.width(imageWidth); no se representa en IE8 o IE9. Si la página se actualiza entonces funciona. Utilizando el construido en espectáculos herramienta de desarrollo el valor correcto en el html pero si se utiliza la herramienta de selección en el contorno herramienta de desarrollo no refleja el valor de anchura cambiada.

He intentado usar Javascript a vainilla. Eso no funcionó. He tratado de establecer el origen de la imagen dos veces. Que no funcionaron bien.

Estoy en una pérdida sobre cómo solucionar este problema. Cualquier ideas sería muy apreciada.

Actualizar

Para aclarar, surge el problema cuando la transición de una imagen del paisaje de una imagen de retrato, de lo contrario todo funciona como se espera de.

...?

¿Fue útil?

Solución

Todavía tengo que entender este problema cabo. He tomado una dirección diferente.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top