# var = test 변수를 기반으로 이미지 URL을 어떻게 바꿀 수 있습니까?

Question

# var = 1` (또는 2, 또는 3 또는 4)의 변수를 기반으로 aspx asp.net C# 페이지에서 이미지의 이미지를 변경하려고합니다.

불행히도 javascript에 대해 아무것도 모릅니다. 내가 필요한 말을했습니다. 누구든지 구현을 통해 배울 수있는 초보자 기반 스크립트에서 나를 가리킬 수 있습니까?

Answer 1

나는 당신이 마크에 가까운 있다면 ... 난 그냥

<img id="someUniqueIdYouMakeUp"> 
<script type="text/javascript"> 
theImage = document.getElementById("someUniqueIdYouMakeUp"); 
if(window.location.hash == "#var=1") 
{ 
    theImage.src = "/some/image.jpg"; 
} 
else if(window.location.hash == "#var=2") 
{ 
    theImage.src = "/some/other/image.jpg"; 
} 
</script> 

뭔가를 시도하는 코드를 작성하고 볼거야 필요가 정확하게 확실하지 않다, 그래서 귀하의 질문은 매우 모호

EDIT : 사용자 의견에 따라 페이지가로드 된 후 해시가 변경된 경우에도 업데이트 할 이미지를 찾고 있습니다. 대한 window.setTimeout을 읽을 자세한 내용은

var updateImageWhenHashChanges = function() 
{ 
    theImage = document.getElementById("someUniqueIdYouMakeUp"); 
    if(window.location.hash == "#var=1") 
    { 
    theImage.src = "/some/image.jpg"; 
    } 
    else if(window.location.hash == "#var=2") 
    { 
    theImage.src = "/some/other/image.jpg"; 
    } 
    // Tell the window to call updateImageWhenHashChanges() again in 500 miliseconds: 
    window.setTimeout(updateImageWhenHashChanges,500); 
} 
updateImageWhenHashChanges(); 

:이를 위해 다음과 유사한 코드가 필요합니다.

Answer 2

불행히도, 대답은 질문만큼 모호 할 것입니다.

이미지의 src 속성을 수정하는 방법을 알고 싶습니다.

은 HTML에 이미지를 감안할 때 :

<img id="myImage" src="someOldValue" /> 

당신은 그것의 ID로 이미지를 얻을이 자바 스크립트 코드를 사용하고 src 속성을 변경할 수 있습니다.

<script type="text/javascript">  

    document.getElementById('myImage').src="someNewValue"; 

</script> 

스크립트를 HTML body 태그의 맨 아래에두면 제대로 작동합니다.

이것은 순수한 자바 스크립트 솔루션입니다. jQuery를 사용하려는 경우 실제 시나리오에 따라 jQuery 접근 방식을 취하는 것이 좋습니다.