jquery - jquery QuickFlip 2 图像无法正常工作

Question

我正在使用 Quickflip 2 插件（http://jonraasch.com/blog/quickflip-2-jquery-plugin/comment-page-3#comment-3562），我有一张图片，点击图片时它应该会显示给你较大的图像。并且有带有“单击此处”的锚标签，单击它应该翻转图像，并且在背面应该有一些关于该图像的信息。这是我的代码：

<li>
   <div class="quickflip-wrapper">
      <div>
         <p>This is a chocolate cake</p>
         <a href="#" title="number1" class="quickFlipCta" >
            <p>Go back to picture</p>
         </a>
      </div>
      <div>
         <a href="images/cake/1.JPG" rel="lightbox[gallery]" title="number1">
            <img src="images/cake/tumb/1.JPG" alt="">
         </a>
         <a href="#" class="quickFlipCta">
            <p>Read More About this cake</p>
         </a>
      </div>
   </div>
</li>

它的作品，但布局不是我想要的。这是它的样子。

这是翻转时：

他们应该是这样的：

有人可以解释这里出了什么问题。