The effect is always stretch

Hi @acekin I see what you mean. However, this has always been the case. The Elastic/Fade choise is for the transitions in/out (on open and close) while this is the transition between two images. What you see is a resize to adapt the window to the new image size. The classic fancybox is not constructed to have two different windows at the same time, so there is only a resize of the main/open window possible.

But what you can do, is set the “Change speed” to 0 or another (very low) value. This will make the resize happen instantly.

I see! Thank you @ravanh, I changed the Chane speed to zero and eliminated the stretch. I thought there was some fade effect but I must be mistaken. Thank you for your help.

Cemal

Or you could try fancyBox2 (again) because that one does support two windows at the same time (during transitions) allowing a different change fade effect without resizing…

You are right, the fade effect is missing. It is fixed in 1.9.4 but with a change speed of 0 it will not be visible ??

I will wait for 1.9.4, thank you.

Cemal

@ravanh I am writing to report another odd behavior that I noticed today. When I click on a thumbnail for the first time on a post, the image is displayed but sinks down for some reason. Moving to the next or previous image settles the image in the center. This happens regardless of which thumbnail is clicked first. Closing the image and opening a new one brings the first image sinking again.

My Easy Fancybox version is 1.9.4.

Thank you,

Cemal

Hi Cemal, I see the quick jump on each opening. I suspect is is a conflict with some part of your theme. Is it a Genesis child theme from StudioPress? If so, tell me which one so I can test it on my dev server ??

Yes, Rolf, it is a Genesis theme by Bizbudding.com. It is called Mai Success. If you cannot get a hold of the theme, let me know. I have it installed on a staging site where I can give you access and you can try anything you like.

Thank you,

Cemal

Amazing, I just had another user reporting a similar effect (background scrolling to top after opening) and it turned out to be another Genesis child theme: Business Pro. I’ve tested some of the Genesis child themes that are currently actively supported but have not found any issues with those, but apparently some of the older (third-party) child themes include a conflicting script… I’ll do some tests to see if there is a (quick) fix ??

Thank you very much. We’ll wait as the problem is minor and cosmetic.

Cemal

@ravanh I have stumbled on something that may add another piece of information. In the settings, I disabled:

Show the overlay around content opened in FancyBox.
Close FancyBox when overlay is clicked.

options. When the first image is displayed, it sinks as expected and the next one finds the proper position. While scrolling back and forth, if you click on an area outside the image as if you are clicking on the overlay, the image display does not close but the next image displayed will sink again even though it is not the first image. I wonder if it has something to do with the overlay display. I am speculating as I don’t know what goes on behind the curtains.

Cemal

• This reply was modified 2 years ago by ACEkin.

Hi @acekin I noticed the fancyBox 2 script version does not suffer from this jump effect. Is there a specific reason for sticking with the Classic version? If not, give fancyBox 2 a try ?? while in the meantime I’ll try to find out more following your example with the disabled overlay options…

You are right, @ravanh but there are two differences between the scripts. The transition is always a slide, and the image sizes are smaller for some reason in fancybox 2. Here are two screen captures:
1. Classic reloaded
https://www.dropbox.com/s/uofi1yhdmpnhzm0/creloaded.jpg?dl=0

2. Fancybox 2
https://www.dropbox.com/s/ohe4o9uuiv96h2i/fb2.jpg?dl=0

Note in the second one the visible scroll bar that can actually move the lightbox and the image up and down.

None of these are earth-shattering, mind you. Just subtle annoyances. I think I will stick with the classic reloaded as it has one of these annoyances instead of two.

Actually, I tried the Legacy script and I think I can stick with that. It does not jump and has a fade effect, plus the image is slightly larger. What will I be missing if I used that, the legacy I mean?

Thank you for looking into it.

Cemal

• This reply was modified 2 years ago by ACEkin.
• This reply was modified 2 years ago by ACEkin.

Note in the second one the visible scroll bar that can actually move the lightbox and the image up and down.

I’ve tried reproducing that on my test site with the Mai Success theme but could not. Make sure to clear the browser and plugin (WPFC?) cache after switching the light box script version, otherwise you might be seeing conflicts arising from the wrong style rules…

If you decide to use the Legacy version, then you are basically getting what you had before. Only thing you are missing in respect to the newer scripts is touch screen support for mobile visitors.

Thank you for getting back, Rolf. I don’t have a problem if the users click on half of the image to move in that direction. Since I switched to the legacy script, I deleted all the cache, pages, scripts, and CSS. The scrolling content may be coming from the laptop I am using, MS Surface Studio Laptop. All is working well, largest image display, if the screen scrolls the displayed image rolls into position, no sinking image on the initial load. It is my favorite among the three.

Thank you, I consider this issue resolved.

Cemal