如何根據＃var = test變量更改圖像的圖像url？

我想改變一個圖像的圖像在aspx asp.net c＃頁面基於變量從＃var = 1`（或2，或3或4）如何根據＃var = test變量更改圖像的圖像url？

我對javascript一無所知不幸的是是我被告知我需要的東西。任何人都可以指向我一個基於新手的腳本，我可以嘗試通過實現學習嗎？

2010-05-19 korben

你的問題有點太模棱兩可了。如果你發佈一些與問題相關的代碼，這將有所幫助。例如。您想要修改的實際HTML元素（在webbrowser中查看頁面源以獲取它們）以及您正在討論的變量（以及它們出現的側面/語言）。 – BalusC 2010-05-19 21:31:57

你的問題很模糊，所以我不知道你需要什麼......我只是去寫一些代碼，看看它是否接近標準

試着這麼做

<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>

編輯：根據你的評論，你正在尋找更新的圖片，即使頁面加載後散列值發生變化。對於這一點，你需要類似下面的代碼：

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();

欲瞭解更多信息，請閱讀有關window.setTimeout。

來源

2010-05-19 21:38:45 Josh

正是我所期待的，謝謝。對不起模糊，得到了3次提及！我會盡力在將來更加詳細 – korben 2010-05-19 21:55:37

+1因爲你已經實現了他的散列需求。 – user113716 2010-05-19 21:59:52

@korben：沒問題，我很高興能幫上忙。 – Josh 2010-05-19 22:03:27

不幸的是，答案會和問題一樣模糊。

看起來很清楚您想知道如何修改圖像的src屬性。

鑑於這種形象在你的HTML：

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

您可以使用此JavaScript代碼通過其ID來獲得圖像，並更改src屬性。

<script type="text/javascript">  

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

</script>

只需將腳本在你的HTML標籤body的底部，它應該工作。

請注意，這是一個純JavaScript解決方案。如果你打算使用jQuery，根據你的實際情況，可能需要採用jQuery方法。

來源

2010-05-19 21:38:12 user113716

是的，我認爲這就是他正在尋找的，另外使用'window.location.hash'。但我們都在這裏猜測。我會在2小時內投票贊成:-) – Josh 2010-05-19 21:40:05

抱歉，模糊不清，被提及3次！我會盡力在未來更詳細。我想你是指着我朝着一個可行的方向發展，謝謝你 – korben 2010-05-19 21:56:14

@korben - 很高興你找到了你需要的東西。 – user113716 2010-05-19 21:58:30

如何根據＃var = test變量更改圖像的圖像url？

回答

相關問題