Подскажите по верстке плиз...

есть два баннера, которые грузятся от брокера ифреймом... один 950 шириной, другой 300... задача чтобы для десктопа грузился первый, для всего остального второй... сделал так: при размере экрана меньше 1000 меняется видимость блоков и все работает, но ифреймы грузятся, конечно, всегда оба, что не есть гуд... как это можно реализовать элегантнее, чтобы для каждого разрешения была раздельная загрузка - больше 1000 большой баннер, меньше - маленький?..)))

спасибо

Ифрейм начинает грузиться после установки аттрибута src. Отсюда и решение:

Код:

<iframe id="banner"></iframe> <script> window.addEventListener('load', function() {   var iframe = document.getElementById('banner'),       w = window,       d = document,       e = d.documentElement,       f = d.getElementsByTagName('body')[0],       width = w.innerWidth || e.clientWidth || f.clientWidth,       src = '//adbroker_1.com/banner';    if (width >= 1000) {      src = '//adbroker_2.com/banner';   }   iframe.setAttribute('src', src); }); </script>

Yacc писал:

Ифрейм начинает грузиться после установки аттрибута src. Отсюда и решение: Код: <iframe id="banner"></iframe> <script> window.addEventListener('load', function() {   var iframe = document.getElementById('banner'),       w = window,       d = document,       e = d.documentElement,       f = d.getElementsByTagName('body')[0],       width = w.innerWidth || e.clientWidth || f.clientWidth,       src = '//adbroker_1.com/banner';    if (width >= 1000) {      src = '//adbroker_2.com/banner';   }   iframe.setAttribute('src', src); }); </script>

Агонь... спасибо большое... ;)

Yacc писал:

Ифрейм начинает грузиться после установки аттрибута src. Отсюда и решение

Красиво. Душевно! До чего я такие изящные решения люблю и уважаю.