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

本文关键字：图像 动态 MVC5 | 更新日期: 2023-09-27 18:16:50

我正在尝试使用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>

我知道我在这里错过了非常小的东西，但我不知道是什么。有人能帮帮我吗?

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

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

 @foreach (var item in Model)
    {
        <img src="@Url.Content(item.Source)" />
    }
相关文章：