WordPress.org

Ready to get started?Download WordPress

Forums

WP jQuery Lightbox
Doesn't work with 3.6 (13 posts)

  1. Max Pen
    Member
    Posted 1 year ago #

  2. cyjambo
    Member
    Posted 1 year ago #

    Yes, I can confirm this.

  3. Polytropos
    Member
    Posted 1 year ago #

    Is there an similar plugin working with 3,6 to work with?

  4. Istie
    Member
    Posted 1 year ago #

    It does work for me with WP3.6 but only if not logged in.

  5. thisismyalterego
    Member
    Posted 1 year ago #

    I can confirm this.
    When logged out, everything is fine. When logged in, the images open in a new window / tab instead of the lightbox

    BUT: If you deactivate the admin-toolbar in frontend, then the box works. Only if that bar is visible, it is broken. Hope that helps

  6. Max Pen
    Member
    Posted 1 year ago #

    It seems to work again for some reason!

  7. flamenco
    Member
    Posted 1 year ago #

    Mine is working in 3.6! To further muddy the waters, it didn't work the first time. So I disabled the plugin. Then later today, I decided to do some debugging, so I re-enabled the plugin, added in my gallery shortcode, and it worked!

    Very bizarre. I have heard of 3.6 problems that relate to the new Media changes where thumbnails didn't show up. Then people would clear their browser cache and it would start working. Maybe a cache issue or some kind of restart thing. Who knows?

    But a happy ending, with no Javascript errors!

  8. Bina10
    Member
    Posted 1 year ago #

    Same it works for me with WP 3.6 but only if I'm not logged in.

  9. Ready! Developer
    Member
    Posted 1 year ago #

    Hello.
    I found same issue. I gues problem is in new jquery version. In your lightbox.js code there is lines for lightbox creation:

    $("<div>", {
            id: 'lightboxOverlay'
          }).after($('<div/>', {
            id: 'lightbox'
          }).append($('<div/>', {
            "class": 'lb-outerContainer'
          }).append($('<div/>', {
            "class": 'lb-container'
          }).append($('<img/>', {
            "class": 'lb-image'
          }), $('<div/>', {
            "class": 'lb-nav'
          }).append($('<a/>', {
            "class": 'lb-prev'
          }), $('<a/>', {
            "class": 'lb-next'
          })), $('<div/>', {
            "class": 'lb-loader'
          }).append($('<a/>', {
            "class": 'lb-cancel'
          }).append($('<img/>', {
            src: this.options.fileLoadingImage
          }))))), $('<div/>', {
            "class": 'lb-dataContainer'
          }).append($('<div/>', {
            "class": 'lb-data'
          }).append($('<div/>', {
            "class": 'lb-details'
          }).append($('<span/>', {
            "class": 'lb-caption'
          }), $('<span/>', {
            "class": 'lb-number'
          })), $('<div/>', {
            "class": 'lb-closeContainer'
          }).append($('<a/>', {
            "class": 'lb-close'
          }).append($('<img/>', {
            src: this.options.fileCloseImage
          }))))))).appendTo($('body'));
    As for me - problem is that jquery now don't allow to append elements (using after() method) to another elements, that are not in page DOM structure. So I replaced this part of code to this:
    var overlayDiv =  $("<div>", {
            id: 'lightboxOverlay'
          }).appendTo($('body'));
    	  overlayDiv.after($('<div/>', {
            id: 'lightbox'
          }).append($('<div/>', {
            "class": 'lb-outerContainer'
          }).append($('<div/>', {
            "class": 'lb-container'
          }).append($('<img/>', {
            "class": 'lb-image'
          }), $('<div/>', {
            "class": 'lb-nav'
          }).append($('<a/>', {
            "class": 'lb-prev'
          }), $('<a/>', {
            "class": 'lb-next'
          })), $('<div/>', {
            "class": 'lb-loader'
          }).append($('<a/>', {
            "class": 'lb-cancel'
          }).append($('<img/>', {
            src: this.options.fileLoadingImage
          }))))), $('<div/>', {
            "class": 'lb-dataContainer'
          }).append($('<div/>', {
            "class": 'lb-data'
          }).append($('<div/>', {
            "class": 'lb-details'
          }).append($('<span/>', {
            "class": 'lb-caption'
          }), $('<span/>', {
            "class": 'lb-number'
          })), $('<div/>', {
            "class": 'lb-closeContainer'
          }).append($('<a/>', {
            "class": 'lb-close'
          }).append($('<img/>', {
            src: this.options.fileCloseImage
          })))))));

    [Please post code or markup between backticks or use the code button. Or better still - use a pastebin. Your posted code may now have been permanently damaged/corrupted by the forum's parser.]

    This worked for me.
    Also, for all users of Ready! Ecommerce plugin, who found this problem (pictures don't show in full size) - fix will be release on next week.

    Regards,
    Alexey.

  10. gbmhunter
    Member
    Posted 1 year ago #

    Lightbox works only for me when I am logged in, which is the opposite behaviour mentioned by two users above!

    If not logged in, clicking on a image goes to a new page with that image (not the desired behaviour).

  11. thisismyalterego
    Member
    Posted 1 year ago #

    @gbmhunter - can you provide a link to a page that shows this behaviour?
    If you are directed to a page that has this image on it, your links are wrong, this might not be a plugin problem though…

  12. gbmhunter
    Member
    Posted 1 year ago #

    http://cladlab.com/ does it, click on the "Keep Calm And Welcome Back" image.

    Ahh duoh, I just realised that is a problem with NextGEN not calling the lightbox stuff correctly, and may have nothing to do with your plugin after all.

  13. harryfear
    Member
    Posted 3 months ago #

    For those experiencing this issue now, this worked for me:

    Once I upgraded - I needed to go to Other Options > Lightbox Effects > and change it from Thickbox to Lightbox. It is now working properly. Hope it helps someone.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.