HTML5 Picture element fails when multiple images used

Issues related to previewing and publishing your web site.
Post Reply
Cantenac
Posts: 41
Joined: Thu Jan 09, 2020 3:36 pm

HTML5 Picture element fails when multiple images used

Post 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
User avatar
Pablo
Site Admin
Posts: 3918
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

Re: HTML5 Picture element fails when multiple images used

Post 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
Cantenac
Posts: 41
Joined: Thu Jan 09, 2020 3:36 pm

Re: HTML5 Picture element fails when multiple images used

Post by Cantenac »

For the benefit of others, yes, that was indeed the problem. Thanks.
Post Reply