Как разместить два разных баннера

12
GP
На сайте с 10.08.2017
Offline
34
489

Подскажите. Как сделать средствами html так, чтобы для ПК-юзверов отдавался баннер 728x90, а для пользователей мобилок другой баннер и другим размером (300x250). Выложите пример html кода :crazy:

Спасибо!

S
На сайте с 30.09.2016
Offline
469
#1
Grimm Patron:
средствами html

Гугли srcset и css @media – там этих образцов кода будет вагон и тележка.

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
Sly32
На сайте с 29.03.2012
Offline
302
#2
Sitealert:
Гугли srcset и css @media – там этих образцов кода будет вагон и тележка.

И гугл сам размеры умеет)

Korew
На сайте с 31.12.2007
Offline
195
#3

Средствами js можно легко и максимально надежно сделать.

https://stackoverflow.com/questions/11381673/detecting-a-mobile-browser

С учетом того, что js можно написать прям в html, рискну предположить что этот вариант должен вам подойти.

S
На сайте с 30.09.2016
Offline
469
#4

Korew, это не то, что нужно в случае ТС.

Korew
На сайте с 31.12.2007
Offline
195
#5

Sitealert, как раз это именно то. Просто это не готовый код, а лишь правильное направление ))

Вдруг у ТС "баннеры" это коды блоков адсенса или РСЯ? Ваш вариант ничем не поможет, а через js все решается в один миг ))

Grimm Patron, если хотите готовый код - покажите сначала готовый код ваших текущих баннеров.

BrightGuy
На сайте с 03.10.2010
Offline
179
#6

<style>

@media (max-width: 767px) {

.desctop {display: none;}

}

@media (min-width: 768px) {

.mob {display: none;}

}

</style>

<div class="mob">мобильный баннер</div>

<div class="desctop">десктопный баннер</div>

Размеры вставите свои

-= Сайты на заказ | Правки, обновление, работы по DLE =- (/ru/forum/791118) Skype: rus.shevchuk (skype:rus.shevchuk?chat) | Telegram: @ruslansh (tg://resolve?domain=ruslansh) | ICQ: 606535768 | info@ruslan-shevchuk.com
S
На сайте с 30.09.2016
Offline
469
#7
Korew:
Sitealert, как раз это именно то. Просто это не готовый код, а лишь правильное направление

Это именно неправильное направление. Не морочьте человеку голову.

Korew:
Вдруг у ТС "баннеры" это коды блоков адсенса или РСЯ?
А если "вдруг", то и вопрос надо будет решать применительно к этому "вдруг", а не фантазировать на пустом месте. Пока исходим из того, что написано в стартпосте.

---------- Добавлено 13.12.2019 в 10:02 ----------

BrightGuy, не так надо. Если background, то через css, а если <img>, то через srcset. Чтобы не грузить лишнее.
Korew
На сайте с 31.12.2007
Offline
195
#8
Sitealert:
Это именно неправильное направление. Не морочьте человеку голову.

Я в этом "неправильном направлении" напишу код, который будет идеально работать в любых условиях. А с вашим решением я могу показать ситуацию когда на компе покажется баннер предназначенный для мобильного.

Я знаю о чем говорю и не надо рассказывать что я морочу кому-то голову.

Sitealert:
А если "вдруг", то и вопрос надо будет решать применительно к этому "вдруг", а не фантазировать на пустом месте. Пока исходим из того, что написано в стартпосте.

Я именно так и сделал - исходил из того, что написано в стартпосте. А вы наоборот исходите из того, что там не написано - придумали себе что-то и выдаете это за истину.

Это уже прям вызов :D

ТС, давайте сюда ваши баннеры - специально заморочусь и напишу вам готовое решение

Z0
На сайте с 03.09.2009
Offline
756
#9

Korew, извините, но вы не правы в данном эфимерном случае ТС:)

ТС ничего не писал про коды РСЯ и адсенс, он спросил про баннеры :)

Но через ксс медиа вроде загружаются оба, если я пятнично ничего не путаю, а через js можно грузить только один из двух :)

S
На сайте с 30.09.2016
Offline
469
#10
Korew:
придумали себе что-то и выдаете это за истину

Сам такой.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий