News for hackers. Stuff that matters.

A comment on Show HN: Dotbun.com - A random bunny for your viewing pleasure. Parent comment

Re:Show HN: Dotbun.com - A random bunny for your viewing ple... by 0x14c1de72 on Friday December 20, 2019 @09:38AM (#21844426)
The issue seems to be the webp format. I was also not seeing images on an old firefox version. You should use a picture element, so that you can provide working fallbacks.
[ Parent | on HN ]
Re:Show HN: Dotbun.com - A random bunny for your viewing ple... by Qub3d on Friday December 20, 2019 @11:13AM (#21845168)
Alright, I've gone ahead and replaced the css background-image with a <picture> element, with fallbacks:

<div class="imgbox center-fit">

<picture>

<source srcset="files/webp/file.webp" type="image/webp">

<source srcset="files/file.jpg" type="image/jpg">

<img src="files/file.jpg" alt="Bunny!">

</picture>

</div>

Let me know if that works.

[ Parent | on HN ]