Question

我想做一个div：

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

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

如何使用$.prettyPhoto.open公共功能？

prettyPhoto documentation

Answer 1

1-您能否澄清更多您需要的确切行为。 2-你能告诉你现在是否能够在正常使用场景中使用PrettyPhoto，或者它甚至不能与你合作。

我可以为您提供解决方案，但只需确认当前情况并告诉您现在可以做些什么。

如果有可能，告诉你需要什么样的最终结果，也许解决方案很简单。

更新： 导致您最近的评论

您可以轻松触发页面加载操作以模拟用户点击，因此可以使用prettyPhoto正常使用相同的场景。（挂钩活动）考虑这个代码块：

$(function () { $('#MyAnchorID').click(); });

这将触发页面加载上的锚点击事件，就好像用户点击了锚点一样。

这里是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-就是这样，让我知道它是否有效。

希望这会对你有所帮助。

Answer 2

您可以使用自定义参数初始化prettyphoto，而无需启动弹出窗口，然后使用公共API启动弹出窗口：

$().prettyPhoto({modals: 'true', param2: 'foo', param3: 'bar'});
$('a.class').click(
    function () {
        $.prettyPhoto.open('http://URL?iframe=true&width=500&height=90%', 'Title','Description');
        return false;
    });

要隐藏“关闭”按钮，您可以通过'markup'参数设置新的模态标记（从代码中复制默认标记和排除 <a class="pp_close" href="#">Close</a>）或者您可以使用a.pp_close {display:none}之类的CSS - 这取决于你是否希望所有的prettyPhoto窗口都隐藏关闭按钮。

在prettyPhoto上应用设置打开公共功能

2 个答案: