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>

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

这就是翻转时：

这是他们应该如何：

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