Opening custom content using prettyPhoto and jQuery
0
How to open the following url in “prettyPhoto”
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>
I have tried the following, but cannot adopt it for what I need
$(document).ready(function(){
$("a[data-gal^='prettyPhoto[ll]']").prettyPhoto({
custom_markup: '<div id="canvas" style="width:600px; height:500px"></div>',
changepicturecallback: function(){ }
});
});
I do not know what should I have in the changepicturecallback: function(){ } to make it work.
Also can I remake the last script to be in window.onload instead of $(document).ready?
javascript jquery prettyphoto
edited Jan 1 at 17:21
Flimzy
38.9k106597
asked Feb 22 '15 at 13:32
AlexBAlexB
78351238
add a comment |
0
How to open the following url in “prettyPhoto”
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>
I have tried the following, but cannot adopt it for what I need
$(document).ready(function(){
$("a[data-gal^='prettyPhoto[ll]']").prettyPhoto({
custom_markup: '<div id="canvas" style="width:600px; height:500px"></div>',
changepicturecallback: function(){ }
});
});
I do not know what should I have in the changepicturecallback: function(){ } to make it work.
Also can I remake the last script to be in window.onload instead of $(document).ready?
javascript jquery prettyphoto
edited Jan 1 at 17:21
Flimzy
38.9k106597
asked Feb 22 '15 at 13:32
AlexBAlexB
78351238
add a comment |
0
0
0
How to open the following url in “prettyPhoto”
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>
I have tried the following, but cannot adopt it for what I need
$(document).ready(function(){
$("a[data-gal^='prettyPhoto[ll]']").prettyPhoto({
custom_markup: '<div id="canvas" style="width:600px; height:500px"></div>',
changepicturecallback: function(){ }
});
});
I do not know what should I have in the changepicturecallback: function(){ } to make it work.
Also can I remake the last script to be in window.onload instead of $(document).ready?
javascript jquery prettyphoto
edited Jan 1 at 17:21
Flimzy
38.9k106597
asked Feb 22 '15 at 13:32
AlexBAlexB
78351238
How to open the following url in “prettyPhoto”
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>
I have tried the following, but cannot adopt it for what I need
$(document).ready(function(){
$("a[data-gal^='prettyPhoto[ll]']").prettyPhoto({
custom_markup: '<div id="canvas" style="width:600px; height:500px"></div>',
changepicturecallback: function(){ }
});
});
I do not know what should I have in the changepicturecallback: function(){ } to make it work.
Also can I remake the last script to be in window.onload instead of $(document).ready?
javascript jquery prettyphoto
javascript jquery prettyphoto
edited Jan 1 at 17:21
Flimzy
38.9k106597
asked Feb 22 '15 at 13:32
AlexBAlexB
78351238
edited Jan 1 at 17:21
Flimzy
38.9k106597
asked Feb 22 '15 at 13:32
AlexBAlexB
78351238
edited Jan 1 at 17:21
Flimzy
38.9k106597
edited Jan 1 at 17:21
Flimzy
38.9k106597
edited Jan 1 at 17:21
Flimzy
38.9k106597
38.9k106597
asked Feb 22 '15 at 13:32
AlexBAlexB
78351238
asked Feb 22 '15 at 13:32
AlexBAlexB
78351238
asked Feb 22 '15 at 13:32
AlexBAlexB
78351238
78351238
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
1
You don't have to change anything in jQuery. You should change your URL to something like this:
<a href="http://www.yoururl.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]">Your link</a>
answered Mar 12 '15 at 14:15
Wessel van der WeideWessel van der Weide
342
Thanks, I will give it a shot and see if this works.
– AlexB
Mar 12 '15 at 21:58
small problem Refused to display 'plus.google.com/share?url=http://mysite/myfolder/…' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.
– AlexB
Mar 13 '15 at 19:33
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f28658383%2fopening-custom-content-using-prettyphoto-and-jquery%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
1
You don't have to change anything in jQuery. You should change your URL to something like this:
<a href="http://www.yoururl.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]">Your link</a>
answered Mar 12 '15 at 14:15
Wessel van der WeideWessel van der Weide
342
Thanks, I will give it a shot and see if this works.
– AlexB
Mar 12 '15 at 21:58
small problem Refused to display 'plus.google.com/share?url=http://mysite/myfolder/…' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.
– AlexB
Mar 13 '15 at 19:33
add a comment |
1
You don't have to change anything in jQuery. You should change your URL to something like this:
<a href="http://www.yoururl.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]">Your link</a>
answered Mar 12 '15 at 14:15
Wessel van der WeideWessel van der Weide
342
Thanks, I will give it a shot and see if this works.
– AlexB
Mar 12 '15 at 21:58
small problem Refused to display 'plus.google.com/share?url=http://mysite/myfolder/…' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.
– AlexB
Mar 13 '15 at 19:33
add a comment |
1
1
1
You don't have to change anything in jQuery. You should change your URL to something like this:
<a href="http://www.yoururl.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]">Your link</a>
answered Mar 12 '15 at 14:15
Wessel van der WeideWessel van der Weide
342
You don't have to change anything in jQuery. You should change your URL to something like this:
<a href="http://www.yoururl.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]">Your link</a>
answered Mar 12 '15 at 14:15
Wessel van der WeideWessel van der Weide
342
answered Mar 12 '15 at 14:15
Wessel van der WeideWessel van der Weide
342
answered Mar 12 '15 at 14:15
Wessel van der WeideWessel van der Weide
342
answered Mar 12 '15 at 14:15
Wessel van der WeideWessel van der Weide
342
342
Thanks, I will give it a shot and see if this works.
– AlexB
Mar 12 '15 at 21:58
small problem Refused to display 'plus.google.com/share?url=http://mysite/myfolder/…' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.
– AlexB
Mar 13 '15 at 19:33
add a comment |
Thanks, I will give it a shot and see if this works.
– AlexB
Mar 12 '15 at 21:58
small problem Refused to display 'plus.google.com/share?url=http://mysite/myfolder/…' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.
– AlexB
Mar 13 '15 at 19:33
Thanks, I will give it a shot and see if this works.
– AlexB
Mar 12 '15 at 21:58
Thanks, I will give it a shot and see if this works.
– AlexB
Mar 12 '15 at 21:58
small problem Refused to display 'plus.google.com/share?url=http://mysite/myfolder/…' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.
– AlexB
Mar 13 '15 at 19:33
small problem Refused to display 'plus.google.com/share?url=http://mysite/myfolder/…' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.
– AlexB
Mar 13 '15 at 19:33
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f28658383%2fopening-custom-content-using-prettyphoto-and-jquery%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
