Image Handler 4 (for v1.5.x) Support Thread

[antontomov]

Hello,

Does anybody have problem with image hover option in Chrome browser? I think this is a new thing from Chrome update or something. In product listing, new products, all products, etc. after the first line of products, when you hover on product the popup image is not on the right place, instead is somewhere in the top of the screen where the first line of products is. I have the same issue is on a few websites where I am using this image hover pop up.

You can see it here: https://knigianglia.co.uk/novi-knigi and on this clean installation (without modifications): https://knigianglia.co.uk/CLEAN/inde..._page=specials

Can someone help to resolve this issue? I tried CSS but can't find a solution. It looks like a problem with relative position in the product box, but they are all display relative.

Kind regards,
Anton

[mc12345678]

Hello,

Does anybody have problem with image hover option in Chrome browser? I think this is a new thing from Chrome update or something. In product listing, new products, all products, etc. after the first line of products, when you hover on product the popup image is not on the right place, instead is somewhere in the top of the screen where the first line of products is. I have the same issue is on a few websites where I am using this image hover pop up.

You can see it here: https://knigianglia.co.uk/novi-knigi and on this clean installation (without modifications): https://knigianglia.co.uk/CLEAN/inde..._page=specials

Can someone help to resolve this issue? I tried CSS but can't find a solution. It looks like a problem with relative position in the product box, but they are all display relative.

Kind regards,
Anton

Would suggest verifying that the associated page(s) pass html validation before attempting to adjust anything related to the popup image. While the link below identifies 87 errors, a majority of those appear to be based on the definition of the page type rather than proper closing of elements such as div tags or lists. Such improper closings leave the browser to try to figure out how to respond...

https://validator.w3.org/check?uri=h...org%2Fservices

[lat9]

That image-hover script has been problematic for the past few years, in both IH-4 and IH-5. So much so, that the feature will be dropped in a future version of IH-5.

[barco57]

try the attached jscript_imagehover.js file
goes in includes/templates/YOUR_TEMPLATE/jscript folder
It is from a much older version of image handler but it seems to solve the problem on the sites I have used it on with newer versions of image handler. The problem has existed with the hover for more than a year, at some point something changed with the javascript engine in chrome.

[antontomov]

try the attached jscript_imagehover.js file
goes in includes/templates/YOUR_TEMPLATE/jscript folder
It is from a much older version of image handler but it seems to solve the problem on the sites I have used it on with newer versions of image handler. The problem has existed with the hover for more than a year, at some point something changed with the javascript engine in chrome.

Thank you! That script working perfectly fine!

[gprit]

I have loaded lots of images to my website, but a lot of them are being displayed as Landscape mode eg https://www.vintagemagazines.eu/1970...vbhnoigl9fb2g7

The image is correct (ie Portrait) on both on my local drive and server. Any thoughts why this happened and how to correct these?

[weif]

I suspect that there is EXIF data that flags the image as being rotated. This information is not read by a lot of programs, but the image viewer that you are using to look at the image on your local computer (and after downloading it from the server) probably does read the EXIF data. The easiest way to correct this is to open the image in some image manipulation program (like GIMP or Photoshop), rotate the image the way you want it, export that for web or save for web, and then upload that saved version to replace the one on the server. This should *actually* rotate the image, rather than relying on web browsers and shopping cart software to read EXIF data (generally neither does).