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...

html css wordpress css-grid fancybox

回答 2 投票 0

如何在悬停和右键单击（复制链接位置）时伪造 URL，但在点击时不伪造 URL？

我的网站正在运行 Wordpress，我使用 fancybox 来很好地加载图像和图像库。我的 Wordpress 循环输出的清理版本最终看起来像这样：我的网站正在运行Wordpress，我使用fancybox来很好地加载图像和图像库。我的 Wordpress 循环输出的清理版本最终看起来像这样： <article> <a href="image1.jpg" id="1460" rel="fancybox-1460"><img src="image1-thumbnail.jpg" /></a> <div class="nodisplay"> <a href="image2.jpg" rel="fancybox-1460"> </a> <a href="image3.jpg" rel="fancybox-1460"> </a> <a href="image4.jpg" rel="fancybox-1460"> </a> </div> </article> 当用户单击 image1 链接时，图片库将通过 fancybox 启动，这很棒。我还可以提供这个画廊的直接网址： http://www.visualise.ca/#1460 我的问题是，当人们访问我的网站时，他们有时会右键单击缩略图以复制图库的链接，最终他们会将以下内容提供给其他人： http://www.visualise.ca/image1.jpg 而不是： http://www.visualise.ca/#1460 所以我想伪造这个网址，以确保人们将正确的网址提供给其他人（带有哈希值的网址）。我必须确保在悬停并右键单击时将 image1.jpg 的 url 更改为 [http://www.visualise.ca/#1460][7]，但在单击本身时不更改。我还认为 javascript 或 jQuery 代码必须在循环内完成，以便我可以使用以下内容： <?php bloginfo('url'); ?>/#<?php the_ID(); ?> 从 Wordpress 获取此信息： http://www.visualise.ca/#1460 非常感谢您的时间和帮助。您可以调整 fancybox 脚本以使用图像作为背景，并将其链接到您想要的链接。类似这样的事情.. <a href="http://www.visualise.ca/#1460" id="1460" style="background: url('image1-thumbnail.jpg');"></a> 这样“复制图片位置”就不会显示，而“复制链接位置”则会复制你想要的网址。或者您可以使用javascript来跟踪右键单击，隐藏上下文菜单并复制位置到剪贴板并亲密用户关于它。（不太用户友好）最后一个选项是提供一个按钮比如“复制图片 URL” 单击后会将 URL 复制到剪贴板。作者：SMMUJAHID 查看此“神圣古兰经”应用程序：https://play.google.com/store/apps/details?id=com.sahell.holyquran

javascript fancybox

回答 2 投票 0

具有 Vue 3 视频支持的弹出画廊插件？

我在网上认真搜索了一下，找到了一个支持图像和视频文件的 Vue 3 弹出画廊插件。大多数插件都是为 Vue 2 编写的。大家可以推荐一个好的吗

fancybox gallery vuejs3 lightbox

回答 5 投票 0

fancybox 相关问题

最新问题