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

是否可以使用JQuery Fancybox’图像库’类型,并在“标题”中放置一个表单,或者我在HTML区域中读取? 后者,我正在努力弄明白。

我需要一个我工作过的图像库,还有Fancybox图库下面的提交按钮 – 它就像是“添加到购物车”。

我已经尝试在#fancy-two div中删除我的表单提交按钮,但它没有显示。 我也尝试过使用title =“”,但也没有显示。

我的代码是:

 

这是我的提交按钮代码:

 

非常感谢您的帮助!

更新:我刚刚注意到Fancybox在他们的页面上有两个演示如何执行此操作,但我不知道在哪里放置此代码或多少。 我不能让它工作:(

使用元素而不是属性

添加标题的下载链接

欢迎任何帮助!

使用Use元素而不是属性示例,您可以将表单放在隐藏的div

  

然后使用此代码

 $(document).ready(function () { $(".fancybox") .attr('rel', 'gallery') // optional if you already have rel in your html .fancybox({ beforeLoad: function () { var el, id = $(this.element).data('title-id'); if (id) { el = $('#' + id); if (el.length) { this.title = el.html(); } } }, helpers: { title: { type: "inside" } } }); }); 

请参阅forked JSFIDDLE