Полноэкранное слайдшоу с обрезкой под вертикальное положение мобильного - Joomla 3.x: Установка, обновление и настройка

Новости Joomla

NorrCompetition 3.0 — новые возможности компонента конкурсов и голосований для Joomla 6

Релиз NorrCompetition 3.0 — крупное обновление расширения для проведения конкурсов и голосований в Joomla.

Вышли релизы безопасности Joomla 6.1.1 и Joomla 5.4.6

Релиз безопасности Joomla 6.1.1 и Joomla 5.4.6

Проект Joomla! рад сообщить о выходе Joomla 6.1.1 и Joomla 5.4.6. Это релизы безопасности и исправления ошибок для серий 5.x и 6.x.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

В открытый доступ выложен видео-курс Дмитрия Гончарова по созданию интернет-магазина на связке Joomla + JoomShopping. Видеоуроки содержат пошаговые инструкции от регистрации хостинга до особенностей вёрстки, настройки способов оплаты и доставки.

В видео фигурирует JoomShopping 4 и Joomla 3, однако JoomShopping довольно консервативный компонент и многие способы и подходы в нём не менялись годами, поэтому данные видео могут быть по прежнему полезны.

Смотреть видео-курс

@joomlafeed

1 Вниз

0 Пользователей и 1 Гость просматривают эту тему.

1 Ответов
1056 Просмотров

Lostgod

Осваиваюсь на форуме
20
0 / 0

Полноэкранное слайдшоу с обрезкой под вертикальное положение мобильного

« : 02.03.2016, 14:27:43 »

Добрый день.
Проблема в том, что (http://www.safeit.su/) модуль полноэкранный который сейчас установлен. (Fun Supersized также пробовал и JF Slideshow) в горизонтальном положении хоть где работает нормально, а вот в вертикальном положении на мобильнике, оно просто адаптируется по ширине экрана. и получается снизу пустота.
Хотелось, чтобы изображение ориентировалось по вертикали и все лишнее бокам просто обрезалось. Как то так. Настройка данная есть Fun Supersized, но как то не работает или я не понимаю как настроить.

Как это Реализовать?
Гуру, помогите пожалуйста.

« Последнее редактирование: 02.03.2016, 15:31:51 от Lostgod »

Записан

caleblt

Захожу иногда
51
3 / 0

Re: Полноэкранное слайдшоу с обрезкой под вертикальное положение мобильного

« Ответ #1 : 03.03.2016, 10:03:24 »

Добавьте в свой CSS
@media only screen and (max-width: 1395px){
#supersized a{width: 200vh !important; position: absolute !important;}
#supersized img{position: absolute !importan;height: 100% !important;top: 0px !important;width: 100% !important;left: 50vw !important;margin-left: -50%;}
}
Постарайтесь выделить час в день, что бы прочитать справочник http://htmlbook.ru/css. Через неделю увидите результат.