Как использовать разные alt для разных изображений в srcset? - PullRequest
Новая
       5

Как использовать разные alt для разных изображений в srcset?

0 голосов
/ 02 октября 2018

У меня есть два тега изображения следующим образом 

<img src="image1.jpg" alt="image1">
<img src="image2.jpg" alt="image2">

И теперь я настраиваю эти два изображения как реагирующие на атрибут srcset следующим образом 

<img src="image1.jpg"
     srcset="image1.jpg 150w,
             image2.jpg 300w"
     sizes ="(max-width:991px) 287px,
             (max-width:479px) 125px
             290px"
     alt="">

Теперь я борюсь с добавлением вышедва альта в один альт в теге отзывчивого img.Я пытался alt="image1, image2", но не работал.Есть ли способ сделать это?

1 Ответ

0 голосов
/ 02 октября 2018

Вы можете использовать элемент изображения.Вы не можете использовать различные описания alt для вашей картинки, так как исходный элемент не принимает атрибут alt.Однако он может принимать атрибут title.

См. Пример ниже от w3schools, где они присваивают общий тег alt элементу изображения default img. 

<picture>
  <source media="(min-width: 650px)" srcset="img_pink_flowers.jpg">
  <source media="(min-width: 465px)" srcset="img_white_flower.jpg">
  <img src="img_orange_flowers.jpg" alt="Flowers" style="width:auto;">
</picture>

Эта статьятакже может помочь выделение пользовательского полифилла для достижения желаемого: https://iandevlin.com/blog/2014/12/html5/defining-multiple-captions-and-alt-text-for-responsive-images/

...