Make jQuery Slideshow fill the background of a web page
<p>N.B. The links referenced in this post can be found <a href="http://dgtgroup.co.uk/stack/links.html" rel="nofollow">here</a>.</p>

<p>I am new to jquery and I am trying to use the CrossSlide plug-in (See Link 1), but I need the images to expand to fill the background of my webpage. It doesn't matter if they go out of proportion, as long as they fit.</p>

<p>The default settings for Crossslide  causes images to transition with a basic fade. Using the following CSS I can make the images fill the background:</p>

<pre><code>#slideshow {
  width: 600px;
  height: 200px;
}
</code></pre>

<p>See Link 2 for working example.</p>

<p>Cross Slide has an advance setting which allows images to transition with a panning effect.</p>

<p>I can get the panning effect working (see Link 3). However, if I try to use CSS to make the images fill the background, it stops working (see Link 4).</p>

<p>Could someone give me some pointers on how to achieve my goal. </p>

<p>(PS if the code in the examples seems a bit odd, its because I am using Drupal and just saved out these pages, so I would not have to have 3 different Drupal installs running. The actual Drupal site can be found in Link 5).</p>
