소스 만있는 이미지 변경 스타일

Question

src가 비어 있지 않은 경우에만 이미지 높이를 변경하고 싶습니다. JQuery 또는 JavaScript를 사용하면 높이가 고정 된 이미지가 있고 크롬에서도 항상 빈 공간이 유지됩니다. 내가이 높이를 표시하려면이에 대한 소스는 이미지가있을 때 소스

Answer 1

jQuery를 필요, 그냥 빈 src 속성과 이미지에 대한 제로 높이를 정의하는 CSS를 사용하지 않는된다

img[src=""] { 
    height: 0 
} 

Answer 2

당신은 사용할 수 없습니다

img[src=""] { 
    display: none; 
    } 

당신은 그것을 표시 높이를 변경하거나 할 수

..

Answer 3

대신 CSS의 자바 스크립트를 사용하려는 경우 이미지 소스가있는 경우 이미지를 표시/확인 할 때마다, 당신은이 함수를 호출 시도 할 수 있습니다 .

은 다음 이미지와에 대한 ID를 설정 :

이

function check() 
    { 
    if (document.getElementById("yourimgidhere").src == "") 
     { 
     document.getElementById("yourimgidhere").style.display = "none"; 
     } 
     else 
     { 
     document.getElementById("yourimgidhere").style.display = "inline"; 
     } 
    } 

CSS의 방법은 훨씬 더 효과적이고 다른 사람이 대답 한로 일을 적절한 방법이지만,이 역시 작동합니다.