fancybox 相关问题

我有一系列这样的链接：我有一系列这样的链接： <a title="G0" id="hotel_img_0" rel="hotel_img" href="#"></a> <a title="G1" id="hotel_img_1" rel="hotel_img" href="#"></a> <a title="G2" id="hotel_img_2" rel="hotel_img" href="#"></a> <a title="G3" id="hotel_img_3" rel="hotel_img" href="#"></a> 我应该如何让 fancybox 工作？我没有锚点类，这就是为什么不能使用 $(".class_name").fancybox() 我为所有锚点尝试了相同的 id，并且 $("#id_value").fancybox() - fancybox 不起作用。您可以将 fancybox 绑定到具有相同 rel 属性（并且没有任何 class）的所有元素，例如 $("a[rel=hotel_img]").fancybox(); 参见JSFIDDLE 编辑：您还可以在同一个 fancybox 初始化脚本中对具有不同 rel 属性的元素进行分组，例如： $("a[rel=hotel_img], a[rel=standart_room_img], a[rel=agents_room_img]").fancybox(); 查看更新JSFIDDLE

jquery fancybox

回答 1 投票 0

带有点击事件的jQuery和fancybox

我只是想知道是否可以在单击事件上创建一个带有隐藏 div 内容的 fancybox。这是按下按钮时的情况：我只是想知道是否可以在单击事件上创建一个带有隐藏 div 内容的 fancybox。这是按下按钮的时候： <input type="button" class="headerButtonNormal" id="test" value="Contact information" onmouseover=this.className="headerButtonHoover" onmouseout=this.className="headerButtonNormal" onclick="showFormInformation()"> 执行此 JavaScript 代码并以某种方式生成一个 fancybox： function showFormInformation(){ } 这是我想要显示的div： <div id="inline"> Test fancybox </div> 在互联网上搜索时，似乎 fancybox 不是为此而设计的......它更多的是为链接点击而设计的。我应该使用不同的框架吗？这就是 Fancybox 的驾驶室！就做： $.fancybox({ content: $('#inline') }) 或者正如肯尼迪指出的那样： $.fancybox({ href: '#inline' }) 您应该注意，一旦隐藏的 div 位于 fancybox 中，它的 css 路径就会不同。查看此答案（https://stackoverflow.com/a/3819374/599075）了解另一种方法！尝试： HTML： <input type="button" class="headerButtonNormal" id="test" value="Contact information" onmouseover=this.className="headerButtonHoover" onmouseout=this.className="headerButtonNormal"> <div id="inline">Test fancybox</div> jQuery： $("#test").on("click", function () { showFormInformation(); return false; }); function showFormInformation() { $.fancybox({ content: $("#inline").html() }); } 小提琴这里您可能希望移动内联事件处理程序以使用 jQuery 进行绑定，因为您已经在使用该库。

jquery fancybox

回答 2 投票 0

如何在 Fancybox 中平移 iframe？

我想知道 Fancybox 是否支持 iframe 的 panzoom。例如，在下面的代码中，我可以添加向图像添加平移效果的选项，但我不确定如何使 iframe 也具有相同的行为？我

fancybox lightbox

回答 1 投票 0

google recaptcha 未在 WordPress 弹出注册表单中加载

我使用了wordpress网站fancybox弹出插件，我创建了自定义注册表单并将谷歌recaptcha放入弹出注册表单中，但它不显示。我正在使用 [bws_google_captcha] 这个公司...

wordpress fancybox

回答 1 投票 0

构建响应式图像网格

我正在使用以下代码构建响应式图像网格： CSS： .画廊{ 宽度：100%；高度：自动；位置：相对；浮动：向左；边距：5px 0 40px 0；填充：5p...