图像的奥秘

Question

因此，我正在开发一个模型视图控制器（MVC）项目。 由于规模和复杂性，我试图确保组织。 我已经偶然发现了一个独特的难题，这让我很困惑。 我的问题来自集成到网站中的Jquery Rotator 。

我的解决方案资源管理器 ：

• 内容：该特定文件夹包含三个直接子文件夹 Images ， Scripts和Stylesheets 。

这三个子文件夹包含更具体和更详细的信息，例如Scripts包含此jQuery实现的另一个文件夹Rotator 。

因此，困境发生在View内部。

此View中的一个示例：

<div class = "banner-style">
     <div id = "Infinite-Banner">
          <div class = "banner-container">
                <div class = "slides">
                      <img src = "~/Content/Images/Banner/Slides/One.jpg">
                      <img src = "~/Content/Images/Banner/Slides/Two.jpg">
                </div>
          </div>
     </div>
</div>

因此，在此结构中，似乎不会加载Images 。 虽然已正确映射到目录。 但是，如果您使用上述相同的结构，但是将img部分更改为：

<div class = "slide-one" />
<div class = "slide-two" />

然后在一个相关的样式表中 ，只需定义一个background: url(~/Content/Images/Banner/Slides/One.jpg); 对于slide-one元素，它神奇地出现了。

因此，这使我相信这是由于嵌套 。 但这不太有意义，因为这将迫使我在div slides之间建立一个内部元素，以便可以产生适当的效果。

另一个想法是创建一个映射所有关系图像数据的model 。 但这似乎是一项艰巨的工作。

这是我的机器的限制或问题吗？ 解决该问题的最佳方法是什么？ 这确实是由于我的文件夹结构所致吗？

Answer 1

尝试使用Url.Content方法：

<img src="@Url.Content("~/content/images/banner/slides/one.jpg")" />

您没有发布实际URL的构建方式，但是，我猜测该路径是错误的，因为在相对路径中使用了您要命中的任何控制器。