jquery - 在 PrettyPhoto 开放公共(public)功能上应用设置

Question

我想制作一个 div:

$.prettyPhoto.open('images/fullscreen/image.jpg','Title','Description');

并添加modal: true，并隐藏关闭按钮。

如何使用 $.prettyPhoto.open 公共(public)函数来做到这一点？

prettyPhoto documentation

Answer 1

1-您能否更详细地说明您需要的具体行为。 2- 您能否判断您现在是否能够在正常使用场景中使用 PrettyPhoto，或者它甚至无法与您一起使用。

我可以给你一个解决方案，但只需确认当前情况并告诉你现在可以做什么。

如果可能的话，请告诉您您需要的最终结果是什么，也许解决方案很简单。

更新:由于您最近的评论

您可以轻松地在页面加载时触发操作来模拟用户点击，从而实现与 PrettyPhoto 的正常使用相同的场景。 ( Hook 事件) 考虑这个代码块:

$(函数() { $('#MyAnchorID').click(); });

这将在页面加载时触发 anchor 单击事件，就像用户单击 anchor 一样。

这里是a sample code that you can check :

关于将 PrettyPhoto 作为模式打开而不显示关闭按钮的第二个问题，您需要修改 Prettyphoto 插件附带的内部 CSS:

1-打开prettyPhoto.CSS文件

2- 搜索a.pp_close，这是呈现关闭按钮的类。

3-你会发现它像这样:

a.pp_close {
            display: block;
            float: right;
            line-height:22px;
            text-indent: -10000px;
        }

3- 将 display 值从 block 更改为 none 以避免在模态框内显示关闭按钮。

4-就是这样，如果有效请告诉我。

希望这对您有帮助。