jQuery compress images.

jQuery compress images.

Hey,

I'm new to jQuery so this may be relativly simple. I'm trying to create a website where the images I need to rotate are 100% width/height (filling out the entire screen without scrolls). This is fine, as long as I have 1 image. If I add more images to my rotation in jQuery it compress the images to 100% width but only some ~100px in height.

Screenshots:

Source:
  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  2. <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script> 
  3. <script type="text/javascript">
  4.   $(document).ready(function() {
  5. $('#slideshow').cycle({ 
  6. delay: 2000,
  7. speed: 250 
  8. });
  9.   });
  10. </script>

  1. <div>
  2. <div style='width:720px;height:210px;background-image:url("menu.png");position: absolute;margin-top: 75%;'>
  3.     </div>
  4.     <div id='slideshow' style='width: 100%; height:100%;'>
  5.         <img src='bg.jpg' width='100%' height='100%' />
  6. <img src='bg2.jpg' width='100%' height='100%' />
  7.         <img src='bg3.jpg' width='100%' height='100%' />
  8.     </div>
  9. </div>
Obviously removing 2 <img /> if it's supposed to work.

Hope anyone can help.