Изображение растягивается после изменения источника изображения JS в Firefox

Question

Прокрутите изображения в Firefox (проверено по версии 26), и вы заметите, что если вы посмотрите направо, что изображение растягивается на один пиксель (или около того) после того, как его .src был изменилось. Такое поведение наблюдается только в Firefox, и если ширина изображения увеличивается или уменьшается на 1px (через веб-консоль), поведение исчезает ... Я знаю, что изображение больше, чем установленная ширина, но он все еще не объясняет поведение и почему это происходит только при очень определенной ширине (ведь изображение все еще изменяется в браузере, если я увеличиваю или уменьшаю ширину на 1 пиксель, но тогда поведение исчезает). Работает идеально в Opera, Chome, Safari и IE ...

http://www.mosaikdesign.se/galleri_.php

Anyone?

Answer 1

Я провел некоторое время, исследуя это, и они, как я вижу, это ошибка.

Я подал отчет об ошибке в Bugzilla: https://bugzilla.mozilla.org/show_bug.cgi?id=953364

Я также сделал тщательную тестовую страницу для тех, кто заинтересован в изучении этого поведения: http://www.blackwinged-angel.com/bugs/index.html

И, наконец, исправить:

-SET CSS имущество image-rendering на изображении чего-то еще, кроме auto (optimizequality, optimizespeed, -moz-crisp-edges). В документации заявлено, что optimizequality и optimizespeed такие же, как auto (https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering), но они приводят к использованию различных алгоритмов масштабирования (см. Мою ссылку для доказательства). Однако это устраняет проблему.

-Используйте размеры изображений, где изображения только масштабируются, а не масштабируются вообще или проверяют результирующее масштабирование, поскольку оно применимо только к определенным размерам содержащего элемента относительно определенных фактических размеров изображения, а не для всех.

Снова люди, применимые только к Firefox, были протестированы на Firefox 26, применяются для масштабирования изображений на лету в браузере путем стилизации img (и, возможно, других) элементов с шириной и высотой, и это непротиворечиво (просто происходит примерно на 30% тестируемых уменьшающих изображений на определенном изображении для меня).