Wordpress WPBakery禁用prettyPhoto并使用自适应灯箱和图库

时间:2019-02-14 07:15:45

标签: php wordpress lightbox

我有这个wordpress网站及其使用WPBakery的网站,我想做的是禁用PrettyPhoto并使用自适应灯箱和图库启用灯箱。

通过将以下代码添加到我的functions.php文件中,我能够禁用PrettyPhoto:

function remove_vc_prettyphoto(){
  wp_dequeue_script( 'prettyphoto' );
  wp_deregister_script( 'prettyphoto' );
  wp_dequeue_style( 'prettyphoto' );
  wp_deregister_style( 'prettyphoto' );
}
add_action( 'wp_enqueue_scripts', 'remove_vc_prettyphoto', 9999 );

然后,我安装了插件Responsive Lightbox&Gallery,并将选择器更改为prettyPhoto,但是它不起作用,当我单击图像时,它只是在同一窗口中打开图像。我进行了一些挖掘,我认为原因可能是因为我的链接使用的是数据依赖关系而不是不依赖关系,我的问题是,这是其无法正常工作的原因和/或如何解决?

<a href="http://example.com/wp-content/uploads/2018/10/Making-Her-Mrs-Toronto-Wedding-Planners-5-731x1024.jpg" title="Romantic Blush-Toned Weddings" data-rel="prettyPhoto[rel--1933041382]" data-vc-gitem-zone="prettyphotoLink" class="vc_gitem-link prettyphoto vc-zone-link vc-prettyphoto-link"></a>

更新

我可以将data-rel更改为rel或将prettyPhoto[rel--1933041382]更改为lightbox,但在特定页面上不起作用:

http://makinghermrs.com/lookbook/

但是在此页面上只有一张照片可以工作:

http://makinghermrs.com/3748-2/

更新

好的,我可以使用它了,但是灯箱在移动设备上无法正常工作,并且在台式机上有问题,我在做什么错了?

http://makinghermrs.com/lookbook/

2 个答案:

答案 0 :(得分:0)

  1. 转到自适应灯箱设置并启用“强制灯箱”选项。
  2. 在图片的“选择器”字段中键入“ prettyPhoto”

enter image description here

答案 1 :(得分:0)

您只是忘了加载ScrollTo插件。应用上述解决方案后,使此脚本入队。

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.0/plugins/ScrollToPlugin.min.js"></script>