Блог

Главная - Вопросы по программированию - Работает карусель Bootstrap 4 с тегом HTML 5 picture вместо тега img?

Работает карусель Bootstrap 4 с тегом HTML 5 picture вместо тега img?

#twitter-bootstrap #bootstrap-4

#twitter-bootstrap #bootstrap-4

Вопрос:

Поддерживает ли Bootrap 4 Carousel приведенный ниже HTML как дочерний элемент carousel-item:

 <picture>
  <source srcset="img/awesomeWebPImage.webp" type="image/webp">
  <source srcset="img/creakyOldJPEG.jpg" type="image/jpeg"> 
  <img src="img/creakyOldJPEG.jpg" alt="Alt Text!">
</picture>

Это позволит браузерам, поддерживающим webp, отправлять изображения в формате webp вместо JPEG.

Комментарии:

1. Вы пробовали использовать его в Bootstrap?

Ответ №1:

Да, это сработает, если вы поместите код тега picture в элемент Carousel, если какой-либо браузер не будет поддерживать, то jpg будет отображаться в том же месте, но Carousel будет работать.