使用 prettyPhoto 和 jQuery 打开自定义内容

Question

如何在“prettyPhoto”中打开以下url

URL

<a class="post-share facebook_l" href="https://www.facebook.com/sharer/sharer.php?u=$url&custom=true&width=600&height=500" data-gal="prettyPhoto[ll]" target="_blank" title="Share this page on your Facebook" onClick="ga('send', 'event', 'Likes', 'Sidebar', 'Facebook');"><span class="ic"></span><span class="likes"></span></a>

我尝试了以下方法，但无法满足我的需要

$(document).ready(function(){
                    $("a[data-gal^='prettyPhoto[ll]']").prettyPhoto({
                        custom_markup: '<div id="canvas" style="width:600px; height:500px"></div>',
                        changepicturecallback: function(){ }
                    });
                });

我不知道 changepicturecallback: function(){ } 中应该有什么才能让它工作。

我也可以重新制作最后一个脚本，使其位于 window.onload 而不是 $(document).ready 中吗？

Answer 1

您无需更改 jQuery 中的任何内容。您应该将 URL 更改为如下内容：

<a href="http://www.yoururl.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]">Your link</a>

使用 prettyPhoto 和 jQuery 打开自定义内容

Opening custom content using prettyPhoto and jQuery

javascript

jquery

prettyphoto