WordPress.org

Support

Support » Plugins and Hacks » WP jQuery Lightbox » Doesn't work with 3.6

Doesn't work with 3.6

Viewing 12 replies - 1 through 12 (of 12 total)
  • Yes, I can confirm this.

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

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

    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

    It seems to work again for some reason!

    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!

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

    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.

    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).

    @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…

    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.

    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.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Doesn't work with 3.6’ is closed to new replies.
Skip to toolbar