MVC

Question

これは私のイメージである：

<img id="1star" src="~/Content/Images/emptystar.png" onmouseover="setStars(1)" onmouseout="setStarsBack()" onclick="location.href='@Url.Action("SetRating", "CreativeModels", new { id = GlobalVariables.CurrentBookId, rating = 1 })'" /> 

これは、画像ソースを変更する必要がある関数のコードです：

function setStars(amount) { 
    if (amount > 0) { 
    document.getElementById("1star").src = "~/Content/Images/filledstar.png"; 
    } 
} 

それは変わりますが、ブラウザは言う、ということ画像をロードできません。これは、画像にマウスを移動した後に示したものをブラウザです：

そして、これはイメージが彼らにマウスを移動する前に見てどのようにの画像です：

どのように私はsrcプロパティを変更する必要があります？

Answer 1

問題はsrc属性ではありません。それはあなたが設定したものに正しく変更されます。問題は、間違ったディレクトリを指していることです。

あなたのMVCソリューションでカミソリを使用していると仮定すると、これを試してみる：

function setStars(amount) { 
    if (amount > 0) { 
    document.getElementById("1star").src = "@Url.Content("~/Content/Images/filledstar.png")"; 
    } 
} 

Answer 2

イメージURLの現在のhtmlファイルの位置を基準にすることができます。実際には、画像URLに~を使用すると、現在のユーザーホームフォルダの下にあるとみなされます。しかし、ユーザーが変更された場合、~は新しいユーザーのホームフォルダを指します。

私はこれまでsrcタグの現在の値を変更するためにあなたにお勧め：

<pathOfHtmlFile>/Content/Images/filledstar.png 

をしてhtmlファイルがコンピュータに置かれているパスで<pathOfHtmlFile>を交換してください。