<div data-src= 中的图像未在 MVC 4 中显示答案

【问题标题】：images in <div data-src= are not showing in MVC 4<div data-src= 中的图像未在 MVC 4 中显示
【发布时间】：2015-12-14 09:56:14
【问题描述】：

我在 Microsoft Visual Studio 2012 中使用带有 mvc-4 的 asp.net。
该页面有一个图像滑块
Index.cshtml 如下：

<div class="camera-wrapper">
<div id="camera" class="camera-wrap">

    <div data-src="~/Images/index_slide01.jpg">
        <div class="fadeIn camera_caption">
            <h2 class="text_1 color_1">Solutions that you need!</h2>
            <a class="btn_1" href="#">More info</a>
        </div>
    </div>
    <div data-src="~/images/index_slide02.jpg">
        <div class="fadeIn camera_caption">
            <h2 class="text_1 color_1">Lorem ipsum dolor sit!</h2>
            <a class="btn_1" href="#">More info</a>
        </div>
    </div>
    <div data-src="~/images/index_slide03.jpg">
        <div class="fadeIn camera_caption">
            <h2 class="text_1 color_1">Lorem ipsum dolor sit amet, consectetur!</h2>
            <a class="btn_1" href="#">More info</a>
        </div>
    </div>

</div>

如您所见，在运行应用程序时，其中的图像没有显示，而使用

<img src="images/logo.png"> is working normally .

如何让图片显示在

 <div data-src >

任何帮助将不胜感激。

【问题讨论】：

为什么会显示来自data-* 属性的图像？你需要一些相应的 Javascript/jQuery。
在静态 html 页面中显示它们，但在 mvc 中使用时它们不是。并且有一些相应的 javascript/jQuery ，它是一个图像滑块。
那么您是否缺少对图像滑块 javascript 的引用？或者你的浏览器控制台有什么错误？
不，我从静态 html 页面复制了代码并配置了 css/js 文件的路径，一切正常，如果我使用，但 data-src 没有显示它们

标签： html asp.net-mvc-4 razor views

【解决方案1】：

没有@Url.Content，'~' 符号不起作用。请更改您的代码如下。

<div class="camera-wrapper">
<div id="camera" class="camera-wrap">

    <div data-src="@Url.Content("~/Images/index_slide01.jpg")">
        <div class="fadeIn camera_caption">
            <h2 class="text_1 color_1">Solutions that you need!</h2>
            <a class="btn_1" href="#">More info</a>
        </div>
    </div>
    <div data-src="@Url.Content("~/images/index_slide02.jpg")">
        <div class="fadeIn camera_caption">
            <h2 class="text_1 color_1">Lorem ipsum dolor sit!</h2>
            <a class="btn_1" href="#">More info</a>
        </div>
    </div>
    <div data-src="@Url.Content("~/images/index_slide03.jpg")">
        <div class="fadeIn camera_caption">
            <h2 class="text_1 color_1">Lorem ipsum dolor sit amet, consectetur!</h2>
            <a class="btn_1" href="#">More info</a>
        </div>
    </div>

</div>

【讨论】：

它的 @url.content 在 mvc-4 中，我之前试过了，还是不行
为我工作。很好的答案