Image zoom broken for some images

[Katy]

Hi, I've recently run into a problem with image zoom in WebHelp Responsive output. All of my images have scale attributes set on the tags, which until now has automatically generated the lightbox effect in the output.

Now this is broken for some images - including those on the same page. There is no obvious difference among the DITA tags, and I have not changed any parameters, CSS, or other settings that would affect this.

It does appear however that different output styles are being applied in the output, and I'm not sure why.

Examples:

This tag, which is working correctly...
<image placement="break" href="../path/to/image.png" scale="75" outputclass="custom-style"/>

...is showing this CSS rule from topic.css--
img.image.zoom:not(img[usemap]) {
cursor: pointer;
transition: .3s;
}

This image tag, which is basically the same (except for the image name) and on the same page, is not showing that the above rule is applied in the browser inspector--
<image placement="break" href="../path/to/image2.png" scale="75" outputclass="custom-style"/>

I'm not sure whether that is the applicable CSS rule, but it is the only difference I could find between the two. Any ideas/suggestions would be much appreciated.

[Katy]

Just noting that I found a workaround for this by adding "zoom" to the outputclass in the DITA <image> tag. So: <image placement="break" href="../path/to/image.png" scale="75" outputclass="custom-style zoom"/>

I could be wrong, but my understanding is that "zoom" gets automatically applied to the <img> tag in the WebHelp output -- as long as you place a "scale" attribute on the DITA <image> tag -- and is not necessary for the DITA <image> tag outputclass. Not sure if this is a bug.

[beniamin_savu]

Hi,

We had a similar issue regarding the zoom widget not appearing for some images. We managed to fix the problem in our current development stream. The fix will become available in the next maintenance build. I will add your feedback on our internal issue tracker so we will notify this thread when the maintenance build is released.

Please let us know if the problem still persists when the maintenance will be released.

Best regards,
Beniamin Savu
Oxygen WebHelp Team
http://www.oxygenxml.com

[Katy]

Thanks so much Beniamin! For now, adding a "zoom" outputclass in the DITA file has been a sufficient workaround. I'll keep an eye out for the next build.

[beniamin_savu]

Hi,

We wanted to let you know that we released a new maintenance build for Oxygen WebHelp 25.1 and it contains a fix for the problem you had with the zoom widget not appearing for some images.

Best regards,
Beniamin Savu
Oxygen WebHelp Team
http://www.oxygenxml.com