There is a blue flickering overlay when switching before-after images. It appears only when the cursor is not over the central “diamond” element. When the cursor is there in the center, there is no overlay. It looks as if the browser thinks we’re trying to select something. Only on desktop as far as I can tell, couldn’t replicate on mobile. Happens in Chromium browsers, not in Firefox.

Also, if you have clumsy fingers you can trigger vertical scrolling on mobile while switching the images. Then the image switching lags and gets jerky. Would it be possible to block vertical scroll while we’re switching the images?

Thank you

• This topic was modified 1 month, 3 weeks ago by markoposavec.

Hi, thx for this great plugin!

Is there a function implemented to open the block in a Lightbox and use it the same way?

By default a new comparison slider is set to a width of 80%. Is it possible to change that default to 100% or do I need to change it with CSS?

.icbImageCompare {
    width: 100% !important;
}

As another plugin isn’t supported anymore, I was looking for an alternative Image Compare plugin, and yours seems to work nicely. However on lighter images the divider is quite hard to see. Would it be possible to give it some more contrast or make it more clear that visitors can use it as a slider?

Example with the old plugin: https://www.vriendenvanwatergraafsmeer.nl/bredeweg-1922-2023/

Example with your plugin: https://www.vriendenvanwatergraafsmeer.nl/cornelis-drebbelstraat-25-1960-2014/

Loading of the ‘Before’ image sometimes fails. Reloading the page fixes it, but not always.

Please help

Will you maintain this plugin? I would like to update to the current WordPress version. Thank you

I’m having a strange problem that appears on iPhones. Whenever I’m trying to use the before/after slider it suddenly jumps to the top of the page. I have tried disabling the “scroll to top” icon on mobile, thinking that I’m accidentally pressing it, but the problem still persists. The problem disappears once I disable the plugin and comes back when I turn it back on, so the problem is obviously caused by the plugin.

I like the plugin a lot and it does its job perfectly on desktop and android, but I need to make sure it works on iPhones as well. Any idea how to fix it?

Your scripts load lots of script and CSS files, when block is added to the page. Your need to improve you plugin in terms of page speed performance.

The block cannot be drag and drop between containers, I use GenerateBlock and KadenceBlock

With debug turned on, there’s a PHP notice appearing on every page:

Notice: Undefined variable: id in /var/www/l1/syl/wp-content/plugins/before-after-image-compare/plugin.php on line 28

I think you can fix this by changing that line from:

$id = (!$id) ? get_the_ID() : $id;

to this:

$id = empty($id) ? get_the_ID() : $id;

I mentioned these items in a review I just left (which I would be happy to change from 4 to 5 stars if these get resolved).

I really like this plugin, but there are four things about how it presents itself in the Block Editor that really bother me. Two are minor and two are major.

The minor ones are general aesthetics: there is no good reason why interface elements in the Image Compare block sidebar shouldn’t look exactly like elements in core blocks. It’s bad UI to change these things. So it would be great to see the header text reduced to the standard size, and to ditch the purple on all of the controls. Just make them standard, please!

The major issues are almost enough to make me not want to use this plugin on my clients’ sites, although I still will, because it mostly works very well! Here are the two things I desperately want to see changed:

1. Lose the giant purple box begging for a review. Or at least have the Help panel closed by default. I think this plugin could benefit from having a general settings page to set defaults… that would be a fine place to put a review blurb, but not in the Block Editor sidebar, where users need to go to get work done and space is already at a premium.

2. Use the color palette and typography from the theme’s theme.json file, if it’s a block theme. As a designer/developer, I’ve made very careful decisions about the colors and fonts I make available in the editor. It’s so important for maintaining branding, especially if the people editing the content are not super savvy about brand style guides. Having a full-spectrum color picker and a giant list of random Google fonts at their disposal in the Image Compare block is a disaster for consistency. (And, even for someone who is savvy, it makes it a major pain to get the colors right.)

After last update of the plugin image block align – left-center-right is not working.

If use kadence block slider and your slider on same page, after using comparisopn block slider also move left-right.

Unable to use your plugin.

In other hand work fine especially with captions