title: How to use JQuery Image Slider with Master Pages?
body: <p>I'm in a situation where jquery works within an aspx page without masterpage, but with master pages it sucks. Here is what i'm doing... I'm using jquery image slider with in mysite in Home.aspx page.</p>
  
  <p>Below is the Home.aspx with master page :</p>
  
  <pre><code>&lt;%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
      CodeBehind="Home.aspx.cs" Inherits="WebApplication3.Home" %&gt;
  
  &lt;asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server"&gt;
  &lt;/asp:Content&gt;
  &lt;asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"&gt;
      &lt;div id="main"&gt;
          &lt;h1&gt;
              Apple-like Slideshow Gallery&lt;/h1&gt;
          &lt;div id="gallery" style="border: 1px solid red;"&gt;
              &lt;div id="slides"&gt;
                  &lt;div class="slide"&gt;
                      &lt;img src="Images/imac.jpg" /&gt;" width="920" height="400" alt="side" /&gt;&lt;/div&gt;
                  &lt;div class="slide"&gt;
                      &lt;img src="Images/iphone.jpg" /&gt;
                      width="920" height="400" alt="side" /&gt;&lt;/div&gt;
                  &lt;div class="slide"&gt;
                      &lt;img src="Images/macbook.jpg" /&gt;
                      width="920" height="400" alt="side" /&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/asp:Content&gt;
  </code></pre>
  
  <p>here is Master.aspx coding :</p>
  
  <pre><code>&lt;%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="WebApplication3.SiteMaster" %&gt;
  
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"&gt;
  &lt;head runat="server"&gt;
      &lt;title&gt;&lt;/title&gt;
  
      &lt;link href="Styles/demo.css" rel="stylesheet" type="text/css" /&gt;
      &lt;script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;asp:ContentPlaceHolder ID="HeadContent" runat="server"&gt;
      &lt;/asp:ContentPlaceHolder&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form runat="server"&gt;
      &lt;div class="page"&gt;
          &lt;div class="clear hideSkiplink"&gt;
              &lt;asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false"
                  IncludeStyleBlock="false" Orientation="Horizontal"&gt;
                  &lt;Items&gt;
                      &lt;asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home" /&gt;
                      &lt;asp:MenuItem NavigateUrl="~/About.aspx" Text="About" /&gt;
                  &lt;/Items&gt;
              &lt;/asp:Menu&gt;
          &lt;/div&gt;
          &lt;asp:ContentPlaceHolder ID="MainContent" runat="server" /&gt;
      &lt;/div&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Please help me out that in which page to put these two libraries :</p>
  
  <pre><code>&lt;link href="Styles/demo.css" rel="stylesheet" type="text/css" /&gt;
           &lt;script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>