Master-X
Форум | Новости | Статьи
Главная » Форум » Дизайн » 
Тема: Подскажите по верстке плиз...
цитата
04/10/16 в 15:42
 Doctor
есть два баннера, которые грузятся от брокера ифреймом... один 950 шириной, другой 300... задача чтобы для десктопа грузился первый, для всего остального второй... сделал так: при размере экрана меньше 1000 меняется видимость блоков и все работает, но ифреймы грузятся, конечно, всегда оба, что не есть гуд... как это можно реализовать элегантнее, чтобы для каждого разрешения была раздельная загрузка - больше 1000 большой баннер, меньше - маленький?..)))

спасибо
цитата
04/10/16 в 16:46
 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>
цитата
04/10/16 в 21:36
 Doctor
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>


Агонь... smail54.gif спасибо большое... ;)
цитата
11/10/16 в 10:29
 grush
Yacc писал:
Ифрейм начинает грузиться после установки аттрибута src. Отсюда и решение

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


Эта страница в полной версии