Изменить img src в адаптивном дизайне?

Я собираюсь написать адаптивный макет, который, вероятно, будет содержать три разных «состояния».

Причудливая часть заключается в том, что большая часть текста, например пункты меню, будут изображениями — не моя идея, и я ничего не могу изменить, я боюсь.

Поскольку изображения будут немного отличаться, кроме размера, для каждого состояния (, например, в самом маленьком состоянии меню становится плавающими кнопками вместо обычного заголовка ), мне нужно будет переключать изображения, а не просто масштабировать те же самые.

Если бы не это, я бы, наверное, выбрал «адаптивный -images.com».

Итак, мне нужны некоторые советы по передовому решению для этого.

Что я мог придумать?:

• Загрузка изображений в качестве фона — кажется немного грязным.

• Вставить обе версии и переключить свойство отображения css — очень грязно!

• Напишите javascript, который устанавливает все ссылки на img. Кажется, что это перебор?

У кого-нибудь есть хорошее решение?:)