개발자 99% 커뮤니티에서 수다 떨어요!
질문
<image src="틀린이미지주소" overror="this.src='대체이미지명;'"/>
<image src="틀린이미지주소" overror="this.src='대체이미지 주소;'"/>가 되면 왜 틀린지가 궁금합니다.
(1)코드
<image src="틀린이미지주소\71463831_p0.jpg"onerror="this.src='86709285_p0.jpg';"/>
딱 한줄 적은 (1)코드를 파일을 브라우저에 실행 시켰더니
(onerror가 제대로 작동하는지 알기 위해서 웹페이지에 86709285_p0.jpg 이미지가 띄워지게 (1)코드를 작성했음.)
의도대로 86709285_p0.jpg 이미지가 웹페이지에 띄워졌습니다. 여기까지는 문제 없습니다.
(1)코드를 (2)코드로 바꾸고 실행해봤습니다.
(2)코드
<image src="틀린이미지주소\71463831_p0.jpg"onerror="this.src='C:\html_css_clone_2021\ 86709285_p0.jpg';"/>
this.src='86709285_p0.jpg' 부분을
this.src='C:\html_css_clone_2021\86709285_p0.jpg' 로 바꿨는데.
단지 이미지 파일명을 단지 이미지 파일의 주소로 바꾼 코드에서는 웹페이지에 깨진 이미지만 깜빡거리지 제대로 작동하지 않았습니다. 왜 그런지 알수 가 없습니다.
onerror="this.src='(이미지 파일명)';"은 맞지만
onerror="this.src='(이미지 파일주소)';"는 아예 틀린 코드인겁니까?
틀린 코드인건 확실합니다. 그러면 왜 틀린겁니까?
추신
1. 86709285_p0.jpg 과 71463831_p0.jpg 는 같은 폴더 안에 있음.
둘 다 C:\html_css_clone_2021 안에 있음
2. 파일 경로에 문제가 있는건 아님.
3. (2)코드를
<image src="틀린이미지주소\71463831_p0.jpg"
onerror="this.onerror=null; this.src='C:\html_css_clone_2021\ 86709285_p0.jpg';"/>
로 바꿔서 무한 실행되는 걸 고쳤음. 그러나 깨진 이미지파일은 여전함.