Bootstrap: Как отображать разные изображения в зависимости от grid?

Question

[oe24y]

Как правильно сделать. Вариант ниже работает, но как сделать грамотно, без загрузки изображений не для текущей сетки?

<img class="banner visible-md visible-lg" src="banner_md.png" />
<img class="banner visible-sm visible-xs" src="banner_xs.png" />

Answer 1

[BarryHAllen]

Навскидку:
Вариант а)css - background-image и media
Вариант б)javascript - подставить в src переменную и повесить событие на resize