图像的奥秘

本文关键字：奥秘 图像 | 更新日期: 2023-09-27 18:16:32

所以我正在开发一个模型视图控制器(MVC)项目。由于规模和复杂性，我尽量确保组织。我偶然发现了一个独特的困境，一个让我非常困惑的困境。我的问题是从一个Jquery旋转器，我正在集成到我的网站。

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" />

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

所以这让我相信这是由于嵌套。但这并不完全有意义，因为这将迫使我在div slides之间构建一个内部元素，以便我可以生成适当的效果。

另一个想法是创建一个model来映射所有的关系图像数据;但这看起来工作量太大了。

这是我的机器特有的限制或问题吗?解决这个问题的最佳方法是什么?这真的是因为我的文件夹结构不对吗?

图像的奥秘

尝试使用Url.Content方法:

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

你没有发布实际的URL被构建为，但是，我猜路径是错误的，因为无论你击中的控制器是在相对路径中使用

相关文章：