title: How to show variable width images inside carouFredSel?
body: <p>When we set img width in css portrait photos stretch. When we don't set img width carouFredSel shows other images' parts next to the current one. How can we show only one (portrait) photo centered in a fixed width carousel?</p>
  
  <p>----js------</p>
  
  <pre><code>$('#carousel').carouFredSel({
          width: '100%',
  
          items: {
              visible: 3,
              minimum: 1,
              start: 0,
              width: '100%',
              align:'center'
          },
          scroll: {
              items: 1,
              duration: 800,
              timeoutDuration: 3000
          },
          prev: '#prev',
          next: '#next',
          pagination: {
              container: '#pager',
              deviation: 0
          },
          auto: {
              pauseOnHover: true
          }
      });
  </code></pre>
  
  <p>-------css------------</p>
  
  <pre><code>#carousel img {
  display: block;
  float: left;
  /*width: 978px;*/
  height: 652px;
  background: white;
  text-align: center;
  </code></pre>
  
  <p>}</p>