JQuery Cycle Plugin Issue
<p>This is the first time I've ever tried JQuery basically because I couldnt get the AJAX Slideshow to work.</p>

<p>This is not working out for me.  Its basically showing the images stacked on one another.</p>

<p>Im running this with ASP.NET 2.0. with Visual Studio 2010.</p>

<p>Does anyone have a clue about what Im doing wrong here?</p>

<p>Here is my code, which I think is pretty identical to the example that came with the download:</p>

<pre><code>1.&lt;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="DaVincisApp1.WebForm2" %&gt;

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0  Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head runat="server"&gt;
&lt;title&gt;&lt;/title&gt;
&lt;style type="text/css"&gt; 
.slideshow { height: 232px; width: 232px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }
&lt;/style&gt;

&lt;script type="text/javascript" src="Scripts/jquery-1.4.1.min.js" /&gt;
&lt;script type="text/javascript" src="Scripts/jquery.cycle.min.js" /&gt;

&lt;script type="text/javascript"&gt;
    $(document).ready(function () {
        $('.slideshow').cycle({
            fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle
        });
    });
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;form id="form1" runat="server"&gt;
&lt;div class="slideshow"&gt;
   &lt;img alt="Image1" src="Images/Slide1.jpg" /&gt;
   &lt;img alt="Image2" src="Images/Slide2.jpg" /&gt;
   &lt;img alt="Image3" src="Images/Slide3.jpg" /&gt;
   &lt;img alt="Image4" src="Images/Slide4.jpg" /&gt;
&lt;/div&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
