左右自适应全屏幻灯片切换

左右自适应全屏幻灯片切换演示图：

代码：

<div class="flicker-example" data-block-text="false">
  <ul>
    <li data-background="img/field.jpg">
      <div class="flick-title">Flickerplate Is Working</div>
      <div class="flick-sub-text">Heaven forbid this package you downloaded is broken. That wouldn't be embarrassing at all.</div>
    </li>
    <li data-background="img/forest.jpg">
      <div class="flick-title">Editable via Javascript or CSS</div>
      <div class="flick-sub-text">Take a look at the extensive documentation to see how you can change the settings in multiple ways.</div>
    </li>
    <li data-background="img/frozen-water.jpg">
      <div class="flick-title">Touch Enabled Through the jQuery Finger Library</div>
      <div class="flick-sub-text">jQuery Finger is a great touch library that has been included as part of the Flickerplate package.</div>
    </li>
  </ul>
</div>