Why my image slider not working on other pages in a subfolder using masterpage
<p>Hi been creating a web application using VS 2010 using C#.the problem i am having is that i have added image slider on the master page. but when i run the application it does not show the slider on the pages which are in a subfolder but shows the image slider in a file which is in the root.</p>

<p>for the image slider i have used jquery</p>

<p>this is how i have coded the images on masterpage</p>

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

<p>it not showing up on the pages located in subfolders but working with pages located in the root</p>
