Адаптивные изображения – насколько рабочий вариант?

Это думаю можно проверить. По идее скрипт запуститься только при выполнении в медиа запросе условия на ширину экрана более, скажем, 800px.. изначально загружается фотка1 из <img src= фотка1.. с чего же будет загружаться фотка из аттрибута data-src=фотка2 если скрипт еще не отработает?

Поправка:

1) то что в этом примере на travelask грузятся две фотки это я понял.. это делается я так понял для того, чтобы сразу не перегружать бендвич и загружать только при необходимости. Кстати, когда это необходимость возникает, только когда фотка показывается в фокусе?

2) Я же хочу сделать немного по-другому.. изначально у меня фотка будет 500 (или 350) скажем, и на мобилах сразу загружаться будет. А большая фото для десктопов только если экраны будут больше 800 к примеру. Так можно сделать с помощью javascript и медиазапросов?

Проверить было быстрее нам написать первое предложение :)

Можно. Но это во много раз гемморойней чем srcset.

И хватит троллить. Начни уже читать маны и думать прежде чем писать.

Спасибо за беспокойство, но я рано или поздно разберусь, никуда не тороплюсь :)

А вообще тема тонкая, по-моему есть больше десятка способов как это сейчас реализуют, непросто разобраться.