Image zoom broken for some images
Having trouble installing Oxygen XML WebHelp? Got a bug to report? Post it all here.
Image zoom broken for some images
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.
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.
Re: Image zoom broken for some images
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.
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.
-
- Posts: 25
- Joined: Fri Jan 22, 2021 11:05 am
Re: Image zoom broken for some images
Post by 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
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
-
- Posts: 25
- Joined: Fri Jan 22, 2021 11:05 am
Re: Image zoom broken for some images
Post by 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
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
Jump to
- Oxygen XML Editor/Author/Developer
- ↳ Feature Request
- ↳ Common Problems
- ↳ DITA (Editing and Publishing DITA Content)
- ↳ SDK-API, Frameworks - Document Types
- ↳ DocBook
- ↳ TEI
- ↳ XHTML
- ↳ Other Issues
- Oxygen XML Web Author
- ↳ Feature Request
- ↳ Common Problems
- Oxygen Content Fusion
- ↳ Feature Request
- ↳ Common Problems
- Oxygen PDF Chemistry
- ↳ Feature Request
- ↳ Common Problems
- Oxygen Feedback
- ↳ Feature Request
- ↳ Common Problems
- Oxygen XML WebHelp
- ↳ Feature Request
- ↳ Common Problems
- XML
- ↳ General XML Questions
- ↳ XSLT and FOP
- ↳ XML Schemas
- ↳ XQuery
- NVDL
- ↳ General NVDL Issues
- ↳ oNVDL Related Issues
- XML Services Market
- ↳ Offer a Service