Почему мой слайдер изображения не работает на других страницах в подпапке с использованием главной страницы

Question

Привет, я создал веб-приложение с использованием VS 2010 с использованием C#. Проблема, с которой я сталкиваюсь, заключается в том, что у меня есть добавленный слайдер изображения на главной странице. но когда я запускаю приложение, он не показывает ползунок на страницах, которые находятся во вложенной папке, но показывает слайдер изображения в файле, который находится в корне.

для слайдера изображений я использовал Jquery

это, как я закодированы изображения на MasterPage

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

не появляется на страницах, расположенных во вложенных папках, но работать со страницами, расположенными в root

Answer 1

Вы должны убедиться, что все src и URL-адреса успешно разрешены. Для этого используйте функцию ResolveUrl() для успешного решения всех ваших изображений независимо от местоположения. Кроме того, если вы используете Css, вы должны убедиться, что изображения внутри CSS решаются правильно: Пример:

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

Успехов!