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

时间:2015-02-22 13:32:06

标签: javascript jquery prettyphoto

如何在“prettyPhoto”中打开以下网址

网址

<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吗?

1 个答案:

答案 0 :(得分:1)

你不必在jQuery中改变任何东西。您应该将URL更改为以下内容:

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