2009-11-04 2 views
0

교환 이미지 (그러나 assumedly 오래된 자바 스크립트가 트리거이 문제를)IE6 자바 스크립트 내가 IE6 이미지가 jQuery를 사용하여 교환에 문제가 있어요

$를 설정(). ATTR ('SRC', 'image.png를') 현재 선택기의 이미지가 image.png 이미지의 크기와 크게 다른 경우 IE6은 크기를 조정하지 않고 새 이미지를 이전 이미지의 프레임으로 축소합니다.

새로운 이미지를로드 할 때 onload 이벤트에 의해 트리거 된 새 이미지 요소로 이미지에 replaceWith와 같은 몇 가지 방법을 시도했지만 아무것도 안정적으로 보이지는 않습니다. 다양한 결과가 이미지로 나타납니다. 아주 작은 상자에 넣거나 새 이미지를 전혀로드하지 않아도됩니다.

많은 도움을 주셨습니다.

답변

0

아마도 리플 로우를 트리거해야합니다. 새 이미지가로드 된 후 DIV를 추가하고 즉시 제거하십시오. 하지만 리플 로우를 트리거하는 더 좋은 방법이 있어야합니다. 나는 그것을 들여다 볼 것이다.


물론 CSS로 이미지 크기를 명시 적으로 설정하지 않았다고 가정합니다. img에 style = "width : 200px; height : 200px;"가있는 경우 엠파이어 스테이트 빌딩의 전체 크기 렌더링을로드하더라도 200px 사각형으로 유지됩니다.


리플 로우를 트리거하는 다른 방법은 look here입니다. 내가 옳은지 짐작하면 알려줘.

+1

리플 로우를 트리거하는 더 좋은 방법은'className' 속성을 설정하는 것입니다. 당신은 그것을 수정할 필요조차 없습니다. 'element.className = element.className'는 그것을 할 것입니다 :-) (이것은 이미지가 아닌 컨테이너 요소에서 수행되어야합니다.) – NickFitz

+0

+1 내 답변에 대한 답이 내 답보다 춥기 때문에 +1 그의 질문에 : D –

관련 문제