HTML5 Picture element fails when multiple images used

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

HTML5 Picture element fails when multiple images used

Post by Cantenac » Tue Jan 14, 2020 1:13 pm

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: 3064
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

Re: HTML5 Picture element fails when multiple images used

Post by Pablo » Tue Jan 14, 2020 9:11 pm

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

Post Reply