Всем привет. Дело встало за следующим. В зависимости от разрешения окна браузера, должен меняться источник картинки. Варианты с @media не подходят, так как картинка должна быть не фоном а строкой типа <img src=""" />
Попробовал сделать так
<div class="test">
<img src="/A/img.jpg" />
</div>
<script>
if (screen.width <= 480)
{document.getElementsByClassName('test')[0].innerHTML = '<img src="/B/img.jpg" />'}
</script>
Вариант работает, но учитывая то, что картинок несколько десятков, придется вручную прописывать getElementsByClassName для каждой картинки. Может быть можно сделать решение более компактным?