WordPress.org

Forums

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

  1. master412160
    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. master412160
    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
    Blocked
    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 1 year 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

  • WP jQuery Lightbox
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.