title: FlexSlider: Center current image
body: <p>I switched from using the <a href="http://basic-slider.com/" rel="nofollow">bjqs</a> slider (it's responsiveness was subpar) to using the popular <a href="http://flexslider.woothemes.com/index.html" rel="nofollow">FlexSlider</a>. I had modified the bjqs slider to display the "current" image centered on the screen, with the previous and next images displayed (partially) before and after the current image. You can see my implementation using the bjqs slider <a href="http://test.hetzelcreative.com/hybrid/" rel="nofollow">here</a> to get an idea for what I'm after.</p>
  
  <p>Now with the FlexSlider, I can't quite figure out a way to do this. The images are floated left, so the "current" image gets positioned to the left side of the container. Anybody know a way to accomplish this?</p>
  
  <p>Right now I'm just using the default styles and markup for FlexSlider, with the following javascript:</p>
  
  <pre><code>  $('.flexslider').flexslider({
      animation: "slide",
      itemWidth: 850,
    });
  </code></pre>