为什么我的图像滑块使用母版

Question

喜被创建使用VS 2010中使用C＃我有。问题是，我已经添加图像滑块母版页上的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> 

它没有出现在位于子文件夹中的网页，但与位于页面工作根

Answer 1

你必须确保所有src和网址被成功化解。为此，请使用ResolveUrl()函数成功解析所有图像，无论位置如何。此外，如果你正在使用CSS，你必须确保在CSS中的图像被正确解析： 例子：

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

祝你好运！