2010-05-19 47 views
0

我想改变一个图像的图像在aspx asp.net c#页面基于变量从#var = 1`(或2,或3或4)如何根据#var = test变量更改图像的图像url?

我对javascript一无所知不幸的是是我被告知我需要的东西。任何人都可以指向我一个基于新手的脚本,我可以尝试通过实现学习吗?

+4

你的问题有点太模棱两可了。如果你发布一些与问题相关的代码,这将有所帮助。例如。您想要修改的实际HTML元素(在webbrowser中查看页面源以获取它们)以及您正在讨论的变量(以及它们出现的侧面/语言)。 – BalusC 2010-05-19 21:31:57

回答

2

你的问题很模糊,所以我不知道你需要什么......我只是去写一些代码,看看它是否接近标准

试着这么做

<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

+0

正是我所期待的,谢谢。对不起模糊,得到了3次提及!我会尽力在将来更加详细 – korben 2010-05-19 21:55:37

+0

+1因为你已经实现了他的散列需求。 – user113716 2010-05-19 21:59:52

+0

@korben:没问题,我很高兴能帮上忙。 – Josh 2010-05-19 22:03:27

1

不幸的是,答案会和问题一样模糊。

看起来很清楚您想知道如何修改图像的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方法。

+0

是的,我认为这就是他正在寻找的,另外使用'window.location.hash'。但我们都在这里猜测。我会在2小时内投票赞成:-) – Josh 2010-05-19 21:40:05

+0

抱歉,模糊不清,被提及3次!我会尽力在未来更详细。我想你是指着我朝着一个可行的方向发展,谢谢你 – korben 2010-05-19 21:56:14

+0

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