Comment puis-je modifier l'URL de l'image d'une image basée sur # var = variable de test?

Question

Je suis en train de changer une de imageurl d'image sur une page asp.net C# ASPX basé sur une variable de # var = 1` (ou 2, ou 3 ou 4)

Je ne sais rien à propos de javascript, malheureusement, qui C'est ce dont on m'a dit que j'avais besoin. Quelqu'un peut-il me signaler un script basé sur les novices que je peux essayer d'apprendre via la mise en œuvre?

Answer 1

Votre question est très vague et je ne sais pas exactement ce dont vous avez besoin ... Je vais juste écrire du code et voir si elle est proche de la marque

Essayez quelque chose comme

<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: En fonction de votre commentaire, vous cherchez l'image à mettre à jour même si le hachage change après le chargement de la page. Pour cela, vous aurez besoin d'un code similaire à ce qui suit:

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

Pour plus d'informations, lisez window.setTimeout.

Answer 2

Malheureusement, la réponse sera aussi vague que la question.

Il semble clair que vous voulez savoir comment modifier l'attribut src d'une image.

Étant donné cette image dans votre code HTML:

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

Vous pouvez utiliser ce code javascript pour obtenir l'image par son ID, et modifier l'attribut src.

<script type="text/javascript">  

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

</script> 

Il suffit de placer le script au bas de votre balise HTML body, et il devrait fonctionner.

Veuillez noter qu'il s'agit d'une solution javascript pure. Si vous utilisez jQuery, il peut être utile d'adopter une approche jQuery en fonction de votre scénario.