这是我的图片:
<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
属性?
最佳答案
问题不在于 src 属性。这已正确更改为您设置的内容。问题是它指向错误的目录。
假设您将 Razor 与 MVC 解决方案结合使用,试试这个:
function setStars(amount) {
if (amount > 0) {
document.getElementById("1star").src = "@Url.Content("~/Content/Images/filledstar.png")";
}
}
关于javascript - 如何在 View MVC 中更改 img src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40793329/