자바 스크립트에서 이미지 비교

자바 스크립트에서 이미지를 비교하려고합니다. 이미지가 사실이면 다른 이미지로 바뀝니다. if 문을 작성했지만 작동하지 않는 것 같습니다. 아무도 내가 이것을 어떻게 달성 할 수 있는지 안다?자바 스크립트에서 이미지 비교

function test() 
{ 
imageElement = document.getElementById('pic'); 
if(imageElement.src == "images/cat_12.gif"){ 

imageElement.src = "images/press2_12.gif"; 
}else{ 

} 
}

출처

2011-05-07 BDGapps

글쎄,'imageElement.src'에는 무엇이 들어 있습니까? –

@Pekka 정규화 된 URL ...'.getAttribute ('src')'가 제대로 작동한다고 가정합니다. –

– BDGapps

function test(){ 
    if(imageElement.src.indexOf("images/cat_12.gif") != -1){ 
     // 
    } 
}

출처

2011-05-07 17:41:28 kennebec

정말 고마워요. – BDGapps

src은 자바 스크립트에서 읽을 때 전체 URL로 변환됩니다. 대신 파일 이름을 추출해보십시오. img.src.substr(img.src.lastIndexOf('/')).

더 나은 해결책은 이미지 사이에 CSS 및 CSS 배경 전환을 사용하는 것입니다.

출처

2011-05-07 16:34:45 timdream

또는 단지'img.src.indexOf ('이미지/cat_12.gif')> -1' ... –

이 기능 검사() { IMG = document.getElementById를 작동하지 않는 것 ('그림'); if (img.src.indexOf ('images/cat_12.gif')) { imageElement.src = "images/press2_12.gif"; } else { } } – BDGapps

img.src.substr (img.src.lastIndexOf ('/'))는 작동하지 않으며 if가 적용되지 않은 것처럼 모든 이미지를 통과시킵니다. – BDGapps

자바 스크립트에서 이미지 비교

답변

관련 문제