图像的奥秘

Question

所以我正在开发一个模型视图控制器(MVC)项目.由于规模和复杂性,我正在努力确保组织.我成功地遇到了一个独特的困境,一个让我很难过的困境.我的问题来自我正在整合到我的网站的Jquery Rotator.

My Solution Explorer:

• 内容:这种特殊的文件夹中包含三个直接的子文件夹 Images,Scripts和Stylesheets.

这三个子文件夹包含更具体和更细致的细节,一个例子是Scripts包含另一个Rotator为此jQuery实现调用的文件夹.

所以这种困境发生在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>

因此,在此结构中,它似乎不会加载图像.虽然它已正确映射到目录.但是,如果您使用上面相同的结构,但将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的构建方式,但是,我猜测路径是错误的,因为您正在使用的控制器正在相对路径中使用.