• Using the latest 1.3.3 version of jquery lightbox, WordPress 3.1.3 and Windows 7 with two monitors, the second of which is set to 1024×768 resolution.

    ODD BEHAVIOR
    If I click on a tall lightboxed image, when the larger version opens, it seems to ignore the margin I have set (120). With the image still open, I use my right cursor key to move to the next image, then the left cursor to move back and, now, the original image is properly sized with the correct margins.

    The size of the enlarged image should not depend on whether it was clicked on or not, should it? This happens in both Firefox and IE.

    EXAMPLE: REPRODUCING THIS ISSUE
    1) Use a low-resoultion 1024×768 monitor,
    2) Go to my blog post, “Basic Lightroom 3.”
    3) Scroll down to the lighboxed image with the caption “Twirl Open” under the subheading “Choose Your Source Folder.” It’s image 4 of 9.
    4) Click on it to enlarge the image. The bottom of the lightbox window will be behind the Wibya toolbar at the bottom of my site. (Remember, this happens on a 1024×768 screen, but not on a higher resolution display).
    5) Use your right cursor key to move to the next image (or click on the right side of the image).
    6) Once the next image (5 of 9) opens, use the LEFT cursor key to move back (or click the left side of the image)
    7) Now, the tall image (4 of 9) is properly sized with a lower margin that keeps it from being covered by the Wibya toolbar.

    SOLUTION?
    Any solution to this? Seems something is broken in the code. It’s not a huge deal, but it’s an unintended behavior, isn’t it?

    Any help is appreciated. Love the plugin despite its quirks.

    Alan
    PhotoCitizen.com

Viewing 6 replies - 1 through 6 (of 6 total)
  • Unintended it is.

    Try disabling the help text again and let me know if the problem goes away.

    Thread Starter PhotoCitizen.com

    (@photocitizencom)

    Hi Ulf,

    I removed the help text, but the behavior has not changed. I’ll leave the help text blank for now, so you can check it out.

    BTW, I didn’t mention it before, but if I click on the prior image (3 0f 9) and then use the right arrow to go to 4 of 9, the image (4 of 9) is properly sized. Of course, in this case 3 of 9 is improperly sized when I first click on it, but corrects itself when I cursor back to it.

    Alan
    PhotoCitizen.com

    The help text is still there.

    I’ve read through the script and it seems to be same code path being executed (for resize- and position) wether it’s the first click or a subsequent navigation event. Suggesting there’s some data missing at the entry point; perhaps that the height of captions or help text or the navigation bar is unknown then, but known later. But I can’t replicate the problem on any of my own installations.

    Try these steps and let me know what makes the problem goes away:

    1. Please make sure you cleared your caches and really did disable the help text.
    2. Test with and without margins.
    3. Test with large and small margins.
    4. Test in the default theme.
    5. Disable other plugins

    Thread Starter PhotoCitizen.com

    (@photocitizencom)

    1) I forgot to clear Super Cache. It’s clear now, so you shouldn’t see any help text now.
    2) I set margin to zero and that did not fix the problem.
    3) I set the margin to 10 and then to 300. Still not fixed. At 300, the lightboxed image is no longer hidden by the toolbar, but the size still varies. When clicked, it is larger than when it is accessed by moving back from a subsequent image by using the left cursor key.
    4,5) Tested with default theme and all plugins deactivated: still seeing the problem.

    Maybe it has something to do with the image parameters I set when I added the image to my post?

    Alan
    PhotoCitizen.com

    Thanks for taking the time. At this point I firmly suspect a bug with my code. Not being able to reproduce the problem makes it difficult though.

    Could you try reverting to the previous version(s) and see if the problem was present in them to?

    Thread Starter PhotoCitizen.com

    (@photocitizencom)

    I removed 1.3.3 and re-installed 1.3.2. In that version, the size of the lightboxed image is the same no matter how it is accessed.

    It looks like the new version has the bug. Good luck finding it.

    I’ve reinstalled 1.3.3 because I like the margin feature even if it doesn’t work 100% right now.

    -Alan
    PhotoCitizen.com

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘[Plugin: jquery lightbox] 1.3.3 Odd Resize Behavior’ is closed to new replies.