Question

I’m trying to change an image’s imageurl on an aspx asp.net c# page based on a variable from #var=1` (or 2, or 3, or 4)

I know nothing about javascript unfortunately which is what I’ve been told I need. Can anyone point me at a novice based script I can try to learn via implementation?

Answer 1

Your question is very vague so I’m not sure exactly what you need… I’m just going to write some code and see if it’s close to the mark

Try something like

<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: Based on your comment, you’re looking for the image to update even if the hash changes after the page has loaded. For that, you’ll need code similar to the following:

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

For more information, read about window.setTimeout.