Install jQuery image slider in ASP.NET page?
<p>I'm trying to install this image slider in a page that uses a master page:
<a href="http://www.c-sharpcorner.com/UploadFile/rohatash/jquery-image-slider-in-Asp-Net/" rel="nofollow">http://www.c-sharpcorner.com/UploadFile/rohatash/jquery-image-slider-in-Asp-Net/</a>
In this example, he uses a page without using master page, so i create new page (this time not using master page) and worked fine.</p>

<p>this is what my code ends up in the master page based page:</p>

<pre><code>&lt;asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server"&gt;
        &lt;script src="Scripts2/jquery-1.4.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;link href="Styles/nivo-slider.css" rel="stylesheet" type="text/css" /&gt;
    &lt;link href="Styles/Default.css" rel="stylesheet" type="text/css" /&gt;
    &lt;script src="Scripts2/Demo.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;/asp:Content&gt;
&lt;asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"&gt;
   //some content here
        &lt;div class="slider-wrapper theme-default"&gt;
        &lt;div id="nivo-slider" class="nivoSlider"&gt;
            &lt;img src="1.jpg" alt="" /&gt;
            &lt;img src="2.jpg" alt="" /&gt;
            &lt;img src="3.jpg" alt="" /&gt;
            &lt;img src="4.jpg" alt="" /&gt;
        &lt;/div&gt;
    &lt;/div&gt;
        &lt;script type="text/javascript"&gt;
        $(window).load(function () {
            $('#nivo-slider').nivoSlider();
        });
    &lt;/script&gt;
&lt;/asp:Content&gt;
</code></pre>

<p>the code above not working!
on the other hand, this code working fine:</p>

<pre><code>&lt;%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %&gt;

&lt;!DOCTYPE html&gt;

&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head runat="server"&gt;
  &lt;title&gt;&lt;/title&gt;        
    &lt;script src="Scripts2/jquery-1.4.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;link href="Styles/nivo-slider.css" rel="stylesheet" type="text/css" /&gt;
    &lt;link href="Styles/Default.css" rel="stylesheet" type="text/css" /&gt;
    &lt;script src="Scripts2/Demo.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;form id="form1" runat="server"&gt;
   &lt;div class="slider-wrapper theme-default"&gt;
        &lt;div id="nivo-slider" class="nivoSlider"&gt;
            &lt;img src="1.jpg" alt="" /&gt;
            &lt;img src="2.jpg" alt="" /&gt;
            &lt;img src="3.jpg" alt="" /&gt;
            &lt;img src="4.jpg" alt="" /&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;script type="text/javascript"&gt;
        $(window).load(function () {
            $('#nivo-slider').nivoSlider();
        });
    &lt;/script&gt;
    &lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>