Загрузить изображения на основе размера экрана ⇐ CSS

[Anonymous]

У меня есть следующий HTML -код, который отображает изображение: < /p>




< /code>

Что я пытаюсь сделать, это отобразить другое изображение в зависимости от размера экрана. Итак, сначала я скрываю изображение с CSS: < /p>

#wm01 {
display: none;
}
< /code>

, а затем в моем теле, я добавляю следующий код: < /p>

var w = window,
d = document,
e = d.documentElement,
g = d.getElementsByTagName('body')[0],
x = w.innerWidth || e.clientWidth || g.clientWidth,
y = w.innerHeight|| e.clientHeight|| g.clientHeight;
if (x

Изображение не отображается ни в каком экране. Как это исправить?

Подробнее здесь: https://stackoverflow.com/questions/234 ... creen-size