img not shown

다른 이미지의 호버에 표시 될 이미지를 만드는 데 다음 javascript 함수가 있지만 이미지가로드되지 않습니다 ... 이미지를 찾을 수없는 경우 작은 기호 만로드됩니다. 이 코드를 잘못 무엇img not shown

는 :

function createimg() 
{ 
    var img = new Image(); 
    img.src='images/imageoverlay.png'; 
    img.id = 'span1'; 
    img.style.zIndex = 10; 
    img.style.position = 'absolute'; 
    img.style.display='none'; 
    img.style.top = '140px'; 
    img.style.padding='10px'; 
    img.style.left='240px';  
    img.className ='dynamicSpan'; 
    document.body.appendChild(img); 
}

이미지는이 코드 파일이 앉아있는 곳으로 이미지 하위 디렉토리에 앉아있다.

출처

2009-10-06 Tony The Lion

당신이'img.src' 변수를 보여 경고를 설정 시도했다 파일이 요구되고 있는지 여부를 확인하기 위해 방화범을 사용하여 올바른 경로의 확인하거나하는, 또는 검색 오류? –

이 문제는'img.src'에서 잘못된 경로가 될 것입니다. 그렇지 않으면 "missing image"아이콘을 얻지 못할 것입니다. –

"누락 된 이미지 기호"를 마우스 오른쪽 버튼으로 클릭하고 "속성"을 클릭하십시오. 그것이 말하는 URL을보십시오 - 아마 URL이 틀립니다. 현재 페이지가 하위 폴더에 있으면 URL이 잘못 될 수 있습니다.

당신은 아마 이미지의 정확한 URL 넣을 : IE와 FF 모두

img.src='http://yoursite.com/images/imageoverlay.png';

출처

2009-10-06 22:44:20 DisgruntledGoat

img.style.display를 none으로 설정하면 이미지가 표시되지 않습니다. 그게 당신이 지정한 무엇이,이 이미지를 숨길 것입니다 (css reference : none : 아무도 상자를 생성하지 않습니다).

출처

2009-10-06 20:29:58 theomega

하지만 '차단'표시를하더라도 실제 이미지는 표시되지 않습니다. 뭔가 다른게 틀림 없어 ... –

귀하의 코드 (한 번 내가 img.style.display='block'; 변경) 나를 위해 좋은 일을 - 그래서이 중 하나는 이미지의 URL을 의미 잘못된 것입니다 (페이지를 기준으로 이미지에 대한 경로 여야합니다 - 또는 절대 참조 만 사용하십시오). 또는 단순히 이미지를 만드는 함수를 호출하지 않는 것입니다. (또는 DOM이 준비되기 전에 <head></head>과 같은 잘못된 위치에서 호출하는 경우)

어떻게 함수를 호출하고 있습니까?

출처

2009-10-06 23:00:09

소스 코드는 코드에 지정된 경우 페이지를 기준으로합니다.

CSS에서 지정되면 CSS 파일과 관련이 있습니다. 예를 들어

, 당신은 다음과 같은 구조가있는 경우 :

/page.html 
/css/style.css 
/scripts/script.js 
/images/image.png

page.html에서 :

<img src="images/image.png">

있는 style.css에서 :

#image { background-image: url(../images/image.png) }

주를 ".. "! 즉, "이미지"폴더로 이동하기 전에 먼저 레벨을 올리십시오. script.js에서

img.src = "images/image.png";

출처

2009-10-07 00:07:57

답변

관련 문제