Home / Topics / Responsive Lightbox / Ajax Support

Ajax Support

We're here to help.

Tagged: , , , ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • 29 August 2013 at 20:29 #647
    David Berman
    Participant

    Hi,

    I’m trying to include a link to a page to pop up in a light box through Ajax.

    Could you let me know what I have to do to allow this to happen?

    Here’s more information on what I’m trying to do:

    On my site, I’m putting together a page with pictures of books and when the user clicks on the image, it pops up information about the book in a lightbox.

    Here is the page I’m building:

    http://seanfinter.com/?page_id=429

    Here is the code I used:

    < a href=”http://seanfinter.com/wp-content/uploads/2013/08/Hello-World.html&#8221; rel=”lightbox-1″>
    < img src=”http://seanfinter.com/wp-content/uploads/2013/08/Bevelin-Seeking-Wisdom-from-Darwin-to-Munger.png&#8221; alt=”” width=”150″ height=”225″ border=”0″ />< /a>

    (I Included spaces so you could see the code)

    I have a dummy link posted on the first one under Personal (it’s currently linked to an html document.)

    Thanks,
    David

    http://wordpress.org/plugins/responsive-lightbox/

    6 September 2013 at 19:25 #669
    David Berman
    Participant

    Hi,

    I was just wondering whether or not someone was looking into this.

    Thanks

    6 September 2013 at 19:52 #670
    Bartosz
    Keymaster

    If you use prettyPhoto (as you did) with an iframe mode it should work. Did you try that?

    6 September 2013 at 20:22 #671
    David Berman
    Participant

    I am using prettyPhoto, but I don’t quite understand what you mean by an iframe mode. Do I use that in the < a> tag?

    Thanks

    7 September 2013 at 12:29 #672
    Bartosz
    Keymaster

    I just double checked that, and looks like we need to add that to prettyPhoto settings in the future release of the plugin.

    9 September 2013 at 13:52 #694
    David Berman
    Participant

    Ok, thanks, but how do I do that in the current release of the plugin?

    10 September 2013 at 11:09 #699
    Bartosz
    Keymaster

    You’d need to manually add some attributes to your links like that:

    
a href="http://www.google.com?iframe=true&width=100%&height=100%" rel="lightbox" title="Google.com opened at 100%">Google.com

a href="http://www.apple.com?iframe=true&width=500&height=250" rel="lightbox">Apple.com

a href="http://www.twitter.com?iframe=true&width=400&height=200" rel="lightbox">Twitter.com
    10 September 2013 at 14:10 #700
    David Berman
    Participant

    That works!
    Thank You!

    10 September 2013 at 21:17 #701
    David Berman
    Participant

    Another question: I can’t get the hyperlinks to work on the page I linked to in the lightbox. Is that supported here?

    10 September 2013 at 21:46 #702
    Bartosz
    Keymaster

    Can you provide a link to the page on your site where you’re trying to achieve that? It should work I think.

    10 September 2013 at 22:39 #704
    David Berman
    Participant

    http://seanfinter.com/?page_id=429

    Personal >> what got you here won’t get you there

    Also, do you know if it’s possible to remove the template stuff (ie header, footer) and just include the content? I was trying to use a html file, but the styles were not working when I tested on firefox or ie9.

    10 September 2013 at 23:06 #707
    Bartosz
    Keymaster

    David, for me every link included in a page opened in a lightbox works as it should.

    When it comes to the second question… I think it is possible but would require some template files / site structure juggling.

    12 September 2013 at 22:11 #720
    David Berman
    Participant

    The internal links appear to work, but the Amazon link on the page still doesn’t seem to be working.

    12 September 2013 at 22:23 #721
    Bartosz
    Keymaster

    Your Amazon link doesn’t have rel=”lightbox” nor iframe var in the link href. It can’t work without it.

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.
Featured In