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>

それは機能しますが、レイアウトは私が望んでいたものではありません。これがそれがどのようなものかの写真です。

これは反転したときです：

これは彼らがどうあるべきかです:

誰かがここで何がうまくいかないのか説明できますか?