title: handling different sized images in jquery slider
body: <p>Hi Im using a standard jquery image slider/carousel to display images.</p>
  
  <p>I have images of various sizes being used in the slider. How can I ensure the width and height dont affect the dimensions of the slider, whilst still looking half decent. eg slider is width= 300px  height = 200px?</p>
  
  <p>I want it like the behaviour of this slider:
  <a href="http://coffeescripter.com/code/ad-gallery/" rel="nofollow">http://coffeescripter.com/code/ad-gallery/</a></p>
  
  <p>but im not using this one as its not great for a responsive design</p>