Изображение слайдшоу только для мобильных пользователей?

У меня есть один вопрос: есть ли в любом случае возможность делать слайд-шоу изображений только для мобильных пользователей и при просмотре на настольных компьютерах и планшетах, чтобы показывать изображения в порядке, а не в слайд-шоу

благодаря

2 ответа

По умолчанию отображать изображения по порядку и скрывать слайд-шоу с помощью свойства css дисплея.

.mySlideshowContainer { display: none;
}

Затем включите условные правила css со средствами массовой информации в зависимости от разрешения или размера клиентского устройства.

В этих правилах отобразите слайд-шоу и спрячьте изображения, показанные в порядке, с помощью свойства отображения CSS.


Вы можете скрыть свой слайд-шоу, добавив свойство отображения в класс, содержащий слайд-шоу

display:none;

и используя медиа-запросы, вы можете показывать слайд-шоу, добавляя

display:initial;

CSS

.class-name{ display:none; }

и если вы хотите отобразить слайд-шоу на меньших экранах, таких как ширина 640 или менее, используйте медиа-запрос

@media screen and (max-width: 640px) { .class-name{ display:initial; }

licensed under cc by-sa 3.0 with attribution.