Fancybox 画廊导航不工作
Fancybox Gallery Navigation Not Working
我在多个 WordPress 网站上将 Fancybox 用于相册。
自从升级到最新的 Fancybox 代码后,我遇到了 Fancybox 画廊导航无法正常工作的问题。
照片可以完美打开,但没有link拼在一起。
这是我在头脑中使用的简单代码:
<!-- Fancybox -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.25/jquery.fancybox.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.25/jquery.fancybox.min.js"></script>
画廊是使用 WordPress 默认媒体画廊简码生成的。
这是我的花式电话:
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".gallery-icon a").fancybox({
animationEffect : 'fade'
}).attr('rel', 'group1');
});
</script>
如您所见,我正在尝试将 rel="group1" 分配给 link。我也试过属性 "data-fancybox-group".
两者都不起作用。
这是link:
关于如何显示导航按钮和link这些照片作为画廊有什么想法吗?
会不会是 jQuery 版本问题?
画廊是通过添加相同的 data-fancybox
属性值创建的。
例如:
$(".gallery-icon a").fancybox({
animationEffect : 'fade'
}).attr('data-fancybox', 'group1');
我在多个 WordPress 网站上将 Fancybox 用于相册。
自从升级到最新的 Fancybox 代码后,我遇到了 Fancybox 画廊导航无法正常工作的问题。
照片可以完美打开,但没有link拼在一起。
这是我在头脑中使用的简单代码:
<!-- Fancybox -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.25/jquery.fancybox.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.25/jquery.fancybox.min.js"></script>
画廊是使用 WordPress 默认媒体画廊简码生成的。
这是我的花式电话:
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".gallery-icon a").fancybox({
animationEffect : 'fade'
}).attr('rel', 'group1');
});
</script>
如您所见,我正在尝试将 rel="group1" 分配给 link。我也试过属性 "data-fancybox-group".
两者都不起作用。
这是link:
关于如何显示导航按钮和link这些照片作为画廊有什么想法吗?
会不会是 jQuery 版本问题?
画廊是通过添加相同的 data-fancybox
属性值创建的。
例如:
$(".gallery-icon a").fancybox({
animationEffect : 'fade'
}).attr('data-fancybox', 'group1');