HTML5&CSS31 이미지 파일이 없는 경우 대체 이미지 보여지도록 설정하는 방법 안녕하세요. 혀코입니다. 웹사이트에 예전에 올린 이미지 파일이 삭제되는 경우, 이미지가 깨져서 웹사이트에 표시되는 경우가 종종 있습니다. 그래서 이번 시간에는 이미지 파일이 없는 경우에 대체 이미지를 보여지도록 설정하는 방법에 대해서 알아보겠습니다. 이미지 태그에 이미지 파일이 없는 경우의 소스코드입니다. 프리뷰를 보면 다음과 같이 이미지가 깨져서 표시가 되는 것을 확인할 수 있습니다. 여기서 대체 이미지를 사용하려면 onerror attribute를 사용해서 대체 이미지를 대신 표시할 수 있습니다. 이미지가 깨진 경우, onerror 가 실행되며, onerror의 javascript 내용을 보면, 이미지 소스를 디폴트 이미지인 fallback.png로 변경하고 이 이미지의 alt attribute의 값.. 2022. 7. 6. 이전 1 다음