Image.sizes

Image.sizes - розміри відображення зображення для srcset.

Синтаксис:

Image.sizes; Image.sizes="розміри";

Параметри:

Image - елемент Image.

Опис:

sizes властивість елемента Image яка повертає/задає розміри відображення зображення при використані srcset.

Властивість src задається у HTML документі атибутом srcset тегу <img>.

Також атрибут srcset можна отримати/задати за допомогою Element.getAttribute() / Element.setAttribute():

Приклад:

<img src="/_images/textura_2048x1365.png" srcset="/_images/textura_300x204.png 300w, /_images/textura_768x524.png 768w, /_images/textura_1024x796.png 1024w, /_images/textura_2048x1365.png 2048w" sizes="(min-width:320px) 280px, (min-width:768px) 620px, (min-width:1024px)  1000px, 2000px">

var img_srcset=document.getElementById('test').sizes;
alert(img_srcset);

document.getElementById('test').sizes="100vw";