使用动态图像源时图像不可见 - MVC5

Question

我正在尝试使用 MVC5 创建图像幻灯片。这是我的模型类：

public class ImageSlider
{
    public string Source { get; set; }
    public string ImageName { get; set; }
    public string Title { get; set; }
}

对于这个模型，我创建了一个控制器和一个动作：

public ActionResult _imageSlider()
{
    return View(new List<ImageSlider> {
       new ImageSlider { Source = "~/_Slider/Images/google.jpg" },
       new ImageSlider { Source = "~/_Slider/Images/googlePlus.jpg" },
       new ImageSlider { Source = "~/_Slider/Images/facebook.jpg" }
    });
}

这是我的部分观点：

<div class="cycle-slideshow" data-cycle-fx="scrollHorz" data-cycle-pause-on-hover="true">
    @foreach (var item in Model)
    {
        <img src="@item.Source" />
    }
</div>

现在的问题是，当我像上面那样创建图像标签时，我看不到任何图像，而我可以在我的页面源中看到这些元素已被创建。但是如果我在 HTML 中创建这些标签，所有图像都是可见的。示例：

<div class="cycle-slideshow" data-cycle-fx="scrollHorz" data-cycle-pause-on-hover="true">
    <img src="~/_Slider/Images/google.jpg" />
    <img src="~/_Slider/Images/googleplus.jpg" />
    <img src="~/_Slider/Images/facebook.jpg" />
</div>

我知道我在这里遗漏了非常小的东西，但我不知道是什么。谁能帮帮我？

Answer 1

你需要像这样使用@Url.Content，改变你的视图。

 @foreach (var item in Model)
    {
        <img src="@Url.Content(item.Source)" />

    }