onerror1 img onerror 두 번 처리하기 기획자로부터 특이한 요구사항이 들어왔다. 썸네일이 2개 있는데 1번 이미지가 없으면 2번 이미지를 보여주고, 그것도 없으면 기본 이미지를 보여주게 해 달라는 것이다. 보통 img 태그는 onerror 한 번으로 기본 이미지 처리만 한다. 하지만 위의 요구사항을 수용하려면 onerror를 두 번 처리해야 한다. 그래서 자문을 구해보니, 2번째 이미지의 존재여부를 별도 함수로 체크해서 그에 대한 에러 처리를 따로 해보라는 말을 들었다. - 구현 코드 - 구현 방식 1. img 태그에 1번째 이미지가 유효하지 않으면 onerror에 연결된 함수를 실행한다. 2. 연결된 함수에서 ajax에 $.get을 이용해서 2번째 이미지가 유효한지 판단한다. 3-1. 이미지가 유효하면 2번째 이미지를 img 태그 src속성.. 2023. 3. 9. 이전 1 다음 반응형