Как сделать различный дизайн для нормального и мобильного (медленного) интернета? Есть ли модуль такой?

Главные вкладки

Аватар пользователя Waraha Waraha 21 апреля 2015 в 0:23

Здравствуйте.

На сайте есть слайдер с картинками по 100-250 кг.

Хочется отключить его для людей, которые заходят на сайт через мобильные устройства.

Есть ли какой-то модуль, чтобы реализовать подобное?

Спасибо.

Комментарии

Аватар пользователя marazmus marazmus 21 апреля 2015 в 9:01

У некоторых слайдеров есть опция "Не отображаться на мобильных устройствах", почитайте документацию по опциям слайдера.

Аватар пользователя Waraha Waraha 21 апреля 2015 в 14:29

"MainVisor" wrote:
@media screen and (max-width: 400px) {
.slider { display: none; }
}

А толку? Это трафик не снизит. К тому же резанет и тем, у кого вайфай на мобиле.

"ttenz" wrote:
mobile context

"<a href="mailto:sas@drupal.org">sas@drupal.org</a>" wrote:
http://drupal.org/project/mobile_detect[/quote]

Я посмотрю. Спасибо!

Аватар пользователя Waraha Waraha 21 апреля 2015 в 14:30

"marazmus" wrote:
У некоторых слайдеров есть опция "Не отображаться на мобильных устройствах", почитайте документацию по опциям слайдера.

У меня из Bootstrap, посмотрю. Спасибо за совет.

Аватар пользователя marazmus marazmus 21 апреля 2015 в 18:25

"Sora_tm" wrote:
Все равно будет грузится, и медленному каналу не поможет.

Чтобы избежать такого поведения, советую использовать технику lazy-load, когда адреса картинок прописываются не в атрибуте src а к примеру в data-lazy-src, а скрипт lazy-load подгружает их при необходимости (а в случае с display:none необходимость как раз не возникает).