• php – WordPress WPBakery禁用prettyPhoto并使用Responsive Lightbox&Gallery（禁用whispermode）
• 10 个强大的响应式 LightBox 对话框
• 100％全屏Colorbox(jquery lightbox)卷轴不替换或覆盖基础层的卷轴
• 15 款 ajax 特效，针对 Lightbox 和 Modal Dialog
• 2014 年最好的 20 个 jQuery Lightbox 插件

php – WordPress WPBakery禁用prettyPhoto并使用Responsive Lightbox&Gallery（禁用whispermode）

我有这个WordPress网站及其使用WPBakery,我想要做的是禁用PrettyPhoto并使用Responsive LightBox& amp;画廊.

我通过将以下代码添加到我的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&图库并​​将选择器更改为prettyPhoto,但它不起作用,当我单击图像时,它只是在同一窗口中打开图像.我做了一些挖掘,我认为原因可能是因为我的链接使用的是data-rel而不是rel,我的问题是,这是它无法工作的原因和/或我该如何修复它？

<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"></a>

UPDATE

我可以将data-rel更改为rel或prettyPhoto [rel – 1933041382]到lightBox,但它不能在特定页面上工作：

http://makinghermrs.com/lookbook/

但是在这个只有一张照片的页面上它可以工作：

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

UPDATE

好吧,我得到了它的工作,但灯箱在移动设备上运行不正常,桌面上有问题,我做错了什么？

http://makinghermrs.com/lookbook/

解决方法:

>转到响应式灯箱设置并启用“强制灯箱”选项.
>在“选择器”字段中输入“prettyPhoto”,如图所示

10 个强大的响应式 LightBox 对话框

Lightbox 一般用来在页面上弹出的方式显示图片而无需刷新网页，现在大量的响应式网站，Lightbox 也跟着要实现响应式设计。本文向你推荐 10 个强大的响应式 Lightbox 插件：

Visual LightBox

CSS Modal
使用纯 CSS 构造，支持跨浏览器，自适应媒体支持，小而快。

Magnific Popup
Magnific Popup 是一个免费的 jQuery lightbox 插件，侧重于性能和任意设备上的最佳体验，兼容 Zepto.js

FancyBox
FancyBox是一款基于jquery开发的类Lightbox插件。支持对放大的图片添加阴影效果，对于一组相关的图片添加导航操作按纽，该lightbox除了能够展示图片之外，还可以展示iframed内容， 通过css自定义外观。

iLightbox

Fresco
Fresco 是一个漂亮的响应式的 lightbox，可用于创建令人惊叹的、支持各种屏幕尺寸的弹出层。

Chocolat

Shadowbox JS

rlightbox2

Responsive Lightbox

只支持图片的展示

via queness

100％全屏Colorbox(jquery lightbox)卷轴不替换或覆盖基础层的卷轴

$(".iframe").colorBox({
    iframe:true,width:"100%",height:"100%",onLoad:function() {
        $('html,body').css('overflow','hidden'); // page scrollbars off
    },onClosed:function() {
        $('html,''); // page scrollbars on
    }
});

15 款 ajax 特效，针对 Lightbox 和 Modal Dialog

运用 Lightbox 和 Modal Dialog 可以很方便地在浏览器中展示内容，而无需重载整个页面，有了 Lightbox 就不必再使用浏览器弹窗了。Lightbox 正愈来愈广泛地应用于媒体、网页、邮件、表格等元素的展示。 

本文将为你介绍 15 款优秀的 Lightbox 和 Modal Dialog 特效，供网站开发者参考。 

1. Facebox 

facebox 是一个 jquery 为基础的 Lightbox，可显示图像，divs，或者远程页面。它的使用很简单。 

下载地址：http://chriswanstrath.com/facebox 

2014 年最好的 20 个 jQuery Lightbox 插件

只看图不说话

Chillbox

 Visual LightBox

Magnific Popup

jQuery lightGallery

Photo Box

iLightBox

Featherlight

Smoothbox

Featured – Likno Web Modal Windows Builder

Touch optimized sliders

Image Lightbox

Swipebox

Colorbox

Slimbox 2

Highslide JS

asPopup

Nivo Lightbox

Lightview

Image Lightbox

via webdesigncone

关于php – WordPress WPBakery禁用prettyPhoto并使用Responsive Lightbox&Gallery和禁用whispermode的问题就给大家分享到这里，感谢你花时间阅读本站内容，更多关于10 个强大的响应式 LightBox 对话框、100％全屏Colorbox(jquery lightbox)卷轴不替换或覆盖基础层的卷轴、15 款 ajax 特效，针对 Lightbox 和 Modal Dialog、2014 年最好的 20 个 jQuery Lightbox 插件等相关知识的信息别忘了在本站进行查找喔。