title: Slider with responsive width and fixed height
body: <p>I'm working on a website and I need to put an image slider as the header.  I would like the slideshow to be the full width of the page, and to have a height that remains fixed (perhaps using viewport units).  Ideally, it would crop the images width as the viewport got narrower.  I have tried to implement this numerous times using several different slider plugins (Owl Carousel, Slippry and Flexslider 2), but nothing has worked.  Right now I have it sort of working by creating 3 different slideshows (1 for desktop, 1 for tablets, and 1 for mobile) and then using media queries to show or hide each one, but this means that the browser must load the slideshow 3 different times, causing my page load times to be very high. </p>
  
  <p>What is the best way to achieve what I would like?</p>