为什么我的图像滑块不能在使用母版页的子文件夹中的其他页面上工作

本文关键字：文件夹 其他 工作 母版页 图像 我的 不能 为什么 | 更新日期: 2023-09-27 18:00:07

Hi一直在使用C#使用VS 2010创建web应用程序。我遇到的问题是我在主页面上添加了图像滑块。但当我运行应用程序时，它不会在子文件夹中的页面上显示滑块，而是在根目录中的文件中显示图像滑块。

对于图像滑块，我使用了jquery

这就是我在主页上对图像进行编码的方式

<div id="slide-holder">
<div id="slide-runner">
<a href=""><img id="slide-img-1" src="~/Styles/images/nature-photo1.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-2" src="~/Styles/images/nature-photo1.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-3" src="~/Styles/images/nature-photo2.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-4" src="~/Styles/images/nature-photo3.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-5" src="~/Styles/images/nature-photo4.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-6" src="~/Styles/images/nature-photo4.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-7" src="~/Styles/images/nature-photo6.png" class="slide" alt="" /></a> 
    <div id="slide-controls">
     <p id="slide-client" class="text"><strong>post: </strong><span></span></p>
     <p id="slide-desc" class="text"></p>
     <p id="slide-nav"></p>
    </div>
</div>

它不会显示在子文件夹中的页面上，而是使用位于根中的页面

为什么我的图像滑块不能在使用母版页的子文件夹中的其他页面上工作

您必须确保所有src和url都被成功解析。为此，使用ResolveUrl()函数可以成功解析所有图像，而不考虑位置。此外，如果您使用Css，则必须确保Css中的图像得到正确解析：示例：

<a href=""><img id="slide-img-2" src='<%= ResolveUrl("~/Styles/images/nature-photo1.png") %>' class="slide" alt="" /></a>

祝你好运！

相关文章：