src가 비어 있으면 IMG 너비를 설정할 수 없습니까?

Question

첫 번째 이미지가 실제로 나타나야 할 때 위치에 따라 깜박 거리는 효과가 나타나는 곳에 두 번째 이미지가 나타나는 문제가 있습니다. 나는 이것에 초등 교육 일 것입니다 그래서 나는 이것에 교육을 사랑할 것이라는 점을 생각했다.

내 HTML

<img id="image1" src="" width="32"/> 
<img id="image2" src="" width="32"/> 

내 JQuery와

$(function(){ 
    //$('#image1').attr('src','http://www.w3schools.com/html/smiley.gif'); 
    $('#image2').attr('src','http://www.w3schools.com/html/smiley.gif'); 
}); 

내가 (그래서 같은) 고정 폭 된 div의 이미지를 캡슐화 노력뿐만 아니라에 아무 소용이, 사업부의 폭은 어느 고정 된 상태를 유지하지합니다. HTML의 첫 번째 비트가 작동 할 경우 공간이 화면의 렌더링에 따로 설정되어있는 경우

<div style="width: 32px; display: inline;"><img id="image1" src="" width="32"/></div> 
<div style="width: 32px; display: inline;"><img id="image2" src="" width="32"/></div> 

Answer 1

"blank"가 아닌 것은 현재 문서의 URI로 해석되는 상대 URI입니다. HTML 문서이므로 이미지가 아니므로 오류가 발생합니다.

브라우저에 따라 잘못된 이미지에 대해 지정한 크기의 상자가 생성되거나 생성되지 않을 수 있습니다.

실제 이미지의 URI를 포함하는 src 속성이없는 이미지를 DOM에 삽입하지 않는 것이 해결책입니다 (HTML 또는 JS를 통해).

이미지를 캡슐화하여 고정 너비의 div (예 : 너무 좋아요)로 만들려고했으나 div의 너비도 고정되지 않았습니다.

명시 적으로 div 요소를 display: inline으로 설정했습니다. width property은 인라인 요소에는 적용되지 않습니다.

Answer 2

나는 더 높이 세트, 잘 모르겠어요 관계없이 ... 잘 모르겠어요.

각 이미지 표시 방법에 대한 클래스를 설정할 수 있습니다.

.holder { 
    min-width:32px; 
    min-height:32px; 
    position:relative; 
} 

html로

<img id="image1" class="holder" src=""/> 
<img id="image2" class="holder" src=""/> 

JQuery와

$(function(){ 
    //$('#image1').attr('src','http://www.w3schools.com/html/smiley.gif'); 
    $('#image2').attr('src','http://www.w3schools.com/html/smiley.gif'); 
}); 

Answer 3

잘 모르겠어요하지만 인라인 블록에 DIV의 스타일에 변화의 표시 값을 시도 할 수있는 src