누락 된 이미지 (이미지에 대한 깨진 링크)가 인터넷 탐색기에 배치 된 경우 교차 및 경계가 표시됩니다.Internet Explorer에서 누락 된 이미지 교차 및 경계선
손상된 이미지의 교차점과 경계선을 제거 할 수 있습니까? 우리가 국경을 제거하고 깨진 이미지를 통과하는 데 필요한 Firefox broken image http://img31.imageshack.us/img31/1123/firefoxg.png
파이어 폭스
에 어떻게 보이는지Internet Explorer 7 image http://img295.imageshack.us/img295/3029/internetexplorer.png
은 아래를 참조하십시오. 이 문제는 CSS로 해결할 수 있습니까?자바 스크립트를 사용해야한다고 생각합니다. 다음과 같이 사용할 수 있습니다.
var imgs = document.getElementsByTagName("img");
for (i = 0; i < imgs.length; i++) {
imgs[i].onerror = function() {
imgs[i].parentNode.removeChild(imgs[i]);
}
}
오류가있는 이미지는 모두 제거합니다.
고마워요, 이것을위한 CSS 솔루션은 무엇입니까? 또한 AJAX에 의해로드 된 일부 div가있을 수 있으며 각 이미지에이 오류를 첨부하지 못할 수도 있습니다. – ToughPal
귀하의 의견을 토대로 HTML을 출력하기 전에 서버 측 스크립트에 이미지가 있는지 확인하는 것이 어떨까요? 많은 오버 헤드가 없어야합니다.
PHP에서이 같은 일이 될 것이다 :
<?php
if (file_exists($imgUrl)) {
echo '<img src="', $imgUrl, '" alt="" />';
}
?>
왜 처음에 누락 된 이미지를로드 할 것인가? – Randell
우리는 많은 이미지의 데이터베이스를 가지고 있습니다. 어떤 경우에는 누락 된 이미지가있을 수 있지만 IE와 같이 누락 된 이미지를 표시하고 싶지는 않습니다. 또한 각 폴더를 검사하고 사용자에게 이미지를 표시하기 전에 이미지가 있는지 여부를 확인하는 오버 헤드가 있습니다. – ToughPal