jquery fancybox在标题中添加提交按钮图像

是否可以使用JQuery Fancybox的“图像库”类型，并在“标题”中放置一个表单，或者我已经在HTML区域中阅读过？后者，我正在努力弄清楚

我需要一个画廊的图像，我有工作，以及一个提交按钮下方的画廊在Fancybox-它就像一个'添加到购物车'

我试着把我的表单提交按钮放在#fancy two div中，但没有显示出来。我也尝试过玩title=“”，但都没有显示出来

我的代码是：

<!-- image gallery type -->
<div style="display: none;" id="fancy-two">

<a class="fancybox" href="images/1A_Pathophysiology_of_diabetes/Slide01.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet" src="images/Send_Me_Slides_Button.png" width="720" height="540" /></a>

<a class="fancybox" href="3d-carousel-plus-fancybox/fancybox/img/2_b.jpg" data-fancybox-group="gallery" title="Etiam quis mi eu elit temp"></a>

<a class="fancybox" href="3d-carousel-plus-fancybox/fancybox/img/3_b.jpg" data-fancybox-group="gallery" title="Cras neque mi, semper leon"></a>

<a class="fancybox" href="3d-carousel-plus-fancybox/fancybox/img/4_b.jpg" data-fancybox-group="gallery" title="Sed vel sapien vel sem uno"></a>

</div>

这是我的提交按钮代码：

<form class="add_product" action="" method="post">
<input type="hidden" value="1" name="product_id">

<button class="button orange_send_me_slides" name="add_product" type="submit"><img src="images/Send_Me_Slides_Button.png"/></button>

</form>

谢谢你的帮助

丹

更新： 我刚刚注意到Fancybox在他们的页面上有两个演示，展示了如何做到这一点，但我不知道把这段代码放在哪里，或者放了多少。我无法让它工作：(

欢迎任何帮助！

使用此示例，您可以将表单放入隐藏的

div

中，如

<div id="title-1" class="hidden">
    <form class="add_product" action="" method="post">
        <input type="hidden" value="1" name="product_id" />
        <button class="button orange_send_me_slides" name="add_product" type="submit">add to cart</button>
    </form>
</div>

参见forked

使用该示例，您可以将表单放入隐藏的

div

中，如

<div id="title-1" class="hidden">
    <form class="add_product" action="" method="post">
        <input type="hidden" value="1" name="product_id" />
        <button class="button orange_send_me_slides" name="add_product" type="submit">add to cart</button>
    </form>
</div>

请参见分叉