Page 1 of 1

HTML5 Picture element fails when multiple images used

Posted: Tue Jan 14, 2020 1:13 pm
by Cantenac
Using version 7.1.1 64bit on Windows 8.1:
  • Start a new project
  • Set Document Type to HTML5
  • Position a picture element on the page & select an image
  • Click on Adaptive Images & add an image
  • Preview the site - displays as expected
  • Click on Adaptive Images & add a second image
  • Preview the site - nothing visible


And optionally:
  • Click on Adaptive Images & delete an image
  • Preview the site - displays as expected again

Re: HTML5 Picture element fails when multiple images used

Posted: Tue Jan 14, 2020 9:11 pm
by Pablo
Did you use correct filenames for the adaptive images?
Filenames should include pixel density descriptors such as 1x, 1.5x, 2x, and 3x.

Example:
filename@1.5x.png
filename@2.0x.png

Re: HTML5 Picture element fails when multiple images used

Posted: Mon Mar 23, 2020 1:07 am
by Cantenac
For the benefit of others, yes, that was indeed the problem. Thanks.