html 페이지에 gif 포함

간단한 gif 이미지가 제대로로드되지 않는 이유는 알 수 없습니다. html 코드에서 나는 보통을 가지고있다html 페이지에 gif 포함

<img src="/img/loading.gif" alt="Loading" title="Loading" />

이 파일은 해당 폴더에있다. 이상한 일은 내가 거기에두면 /img/logo.png 이미지가 올바르게로드된다는 것입니다.

파일 이름이 정확합니다. 원래 파일의 이름을 복사하고 붙여 넣었습니다.

PS는 6.0.2 크롬 23.0.1271.95

2012-12-02 ghego1

파일이 존재하면 작업해야합니다. 코드는 괜찮습니다. 'loading.gif'가 웹 서버에 의해 제대로 제공되지 않을 수도 있습니까? –

서버에 파일을 업로드했는지 확인하십시오. 그것은 작동해야합니다. – Vucko

아마도 손상된 gif 일 것입니다. 코드는 다른 gif와 함께 작동해야합니다. 손상된 gif를 실제로 사용하려면 이미지 편집기 프로그램에서 열어 본 다음 gif (또는 다른 형식)로 다시 저장하십시오.

2012-12-02 11:53:14 Sawant

예, 그게 문제였습니다. 저는 같은 결론에 도달했습니다 (아래 답변 참조). – ghego1

어리석은 질문 (모든 Mac 용),하지만 당신의 지프가 생겼 파이어 폭스 (12), 사파리에서 테스트? 흰색 배경에 투명하거나 흰색입니까?

문제를 진단 할 수있는 방법 중 하나는 Chrome 또는 Firefox에서 F12 키를 눌러 개발자 도구를 불러오고 img 요소를보고 이미지가 DOM에로드되었는지 확인하는 것입니다.

2012-12-02 11:31:39

이미지는 보통의 회전 원이며, 검은 선은 투명한 bg로 회전합니다. Safari와 Chrome은 손상된 이미지 심볼을 표시하고 Firefox는 대체 텍스트를 표시합니다. – ghego1

온라인 예제가 있습니까? 아니면 jsfiddle을 사용하여 문제를 설명 할 수 있습니까? –

불행히도 그것은 모두 로컬이고, 나는 jsfiddle을 만들려고 노력하고 있었지만 문제가 무엇인지 깨달았습니다. 응답을 게시했습니다, 감사합니다! – ghego1

문제는 아마도 gif 파일과 관련이 있다고 생각합니다. 무작위 자원 웹 사이트에서 가져 와서 다운로드했습니다.

코드를 변경하지 않고 http://www.ajaxload.info/에서 새 파일을 얻으려고 시도했지만 정상적으로 작동합니다.

편집 : 'broken'gif 파일이 시스템의 다른 위치 (예 : quicklook)에서 제대로 작동했습니다.

2012-12-02 11:48:10 ghego1

답변