Is this how it should be? <picture> tag
Posted: Fri Jun 12, 2020 2:51 pm
Good afternoon, I encountered an error with the picture tag.
When using the picture tag, the Web Builder generates this code. However, in all browsers, the image is replaced by an empty square.
<picture id="wb_Picture1">
<source media="(max-width:767px)" srcset="images_wb/2service1200.jpg,images_wb/2service320.jpg">
<source media="(max-width:1359px)" srcset="images_wb/2service1200.jpg,images_wb/2service320.jpg,images_wb/2service768.jpg">
<img src="images_wb/2service1200.jpg" id="Picture1" alt="" srcset="images_wb/2service1200.jpg,images_wb/2service320.jpg,images_wb/2service768.jpg">
/picture>
But if you fix the generated code, everything is OK. You just need to insert a space after the image instructions example
<picture id="wb_Picture1">
<source media="(max-width:767px)" srcset="images_wb/2service1200.jpg, images_wb/2service320.jpg">
<source media="(max-width:1359px)" srcset="images_wb/2service1200.jpg, images_wb/2service320.jpg, images_wb/2service768.jpg">
<img src="images_wb/2service1200.jpg" id="Picture1" alt="" srcset="images_wb/2service1200.jpg,images_wb/2service320.jpg, images_wb/2service768.jpg">
/picture>
(Just inserted a space)
This is only my bug or everyone's. WebBuilder ver 15, Last version, (lang RU/ENG)
When using the picture tag, the Web Builder generates this code. However, in all browsers, the image is replaced by an empty square.
<picture id="wb_Picture1">
<source media="(max-width:767px)" srcset="images_wb/2service1200.jpg,images_wb/2service320.jpg">
<source media="(max-width:1359px)" srcset="images_wb/2service1200.jpg,images_wb/2service320.jpg,images_wb/2service768.jpg">
<img src="images_wb/2service1200.jpg" id="Picture1" alt="" srcset="images_wb/2service1200.jpg,images_wb/2service320.jpg,images_wb/2service768.jpg">
/picture>
But if you fix the generated code, everything is OK. You just need to insert a space after the image instructions example
<picture id="wb_Picture1">
<source media="(max-width:767px)" srcset="images_wb/2service1200.jpg, images_wb/2service320.jpg">
<source media="(max-width:1359px)" srcset="images_wb/2service1200.jpg, images_wb/2service320.jpg, images_wb/2service768.jpg">
<img src="images_wb/2service1200.jpg" id="Picture1" alt="" srcset="images_wb/2service1200.jpg,images_wb/2service320.jpg, images_wb/2service768.jpg">
/picture>
(Just inserted a space)
This is only my bug or everyone's. WebBuilder ver 15, Last version, (lang RU/ENG)