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

Rebarun

  • Захожу иногда
  • 249
  • 0 / 2
Поиск слайдера
« : 13.07.2020, 15:36:44 »
 стоит SP Smart Slider , но он криво отображается га мобильных устройствах
Вот пример вывода
https://prnt.sc/tgw1md
Сама картинка режется го горизонтали, текст не помещается и не видно кнопки "подробнее"
Т е у меня он получается не адаптивный.
Подскажите, есть хорошие варианты ?
Желательно не очень тяжелые, чтобы быстро грузились
тестовый сайт
https://vitus-co.ru/
*

Rebarun

  • Захожу иногда
  • 249
  • 0 / 2
Re: Поиск слайдера
« Ответ #1 : 15.07.2020, 11:49:06 »
Так никто. и не подскажет ?
*

AlexB

  • Завсегдатай
  • 1973
  • 54 / 2
Re: Поиск слайдера
« Ответ #2 : 15.07.2020, 11:54:03 »
а стилями выправить?
*

draff

  • Гуру
  • 5803
  • 434 / 7
  • ищу работу
Re: Поиск слайдера
« Ответ #3 : 15.07.2020, 12:03:28 »
Готового решения не подскажу, но прикручивают slick slider
*

xpank

  • Захожу иногда
  • 448
  • 41 / 0
Re: Поиск слайдера
« Ответ #4 : 15.07.2020, 12:43:47 »
Лично я на нескольких сайтах использовал DJ-ImageSlider. На мобильных нормально отображается, если правильно настроить (если не пихать туда тонну текста, но и в таком случае можно стилями ограничить, и будет нормально.)
*

Rebarun

  • Захожу иногда
  • 249
  • 0 / 2
Re: Поиск слайдера
« Ответ #5 : 18.07.2020, 10:07:21 »
а стилями выправить?
А конкретнее?
Длина текста разная, да и картинка сама режется по горизонтали если обратите внимание, что есть совсем не АЙС!
Тут не стилями наверное надо.
Модуль должен быть адаптивный, что тут отсутствует
*

xpank

  • Захожу иногда
  • 448
  • 41 / 0
Re: Поиск слайдера
« Ответ #6 : 18.07.2020, 10:57:49 »
А конкретнее?
Длина текста разная, да и картинка сама режется по горизонтали если обратите внимание, что есть совсем не АЙС!
Тут не стилями наверное надо.
Модуль должен быть адаптивный, что тут отсутствует
Длина ограничивается стилями. Данный набор стилей ограничит до двух строк (параметры "-ms-line-clamp", "-webkit-line-clamp, "line-clamp"):
Код
-ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -ms-line-clamp: 2;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    display: -webkit-box;
    display: box;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    box-orient: vertical;

А такой вариант обрежет длину строки по ширине блока:
Код
    
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;


Изображения, если их размеры в процентах сами должны подстраиваться под доступные им размеры. Но в вашем случае изображения слишком большие по ширине, и если их выводить не кадрируя, на экране телефона это будет узкая полоска изображения, что будет выглядеть не ахти. Поэтому в слайдере есть такие стили CSS
Код
    
    background-position: 50%;
    background-size: cover;
background-position указывает, что всегда показывать "посередине" изображения, а background-size: cover - масштабирует изображение с обрезкой по краям.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Поиск формы для Joomla

Автор disig

Ответов: 1
Просмотров: 641
Последний ответ 19.02.2022, 09:04:22
от sivers
Поиск "CCK linkage"

Автор SynergyIT

Ответов: 1
Просмотров: 442
Последний ответ 03.12.2021, 17:56:31
от KKAAZZOO
Как сделать поиск в Joomla по pdf и excel файлам?

Автор vova630

Ответов: 0
Просмотров: 508
Последний ответ 09.04.2021, 14:57:55
от vova630
Поиск AcyMailing

Автор x1

Ответов: 2
Просмотров: 568
Последний ответ 31.01.2021, 18:11:48
от v42bis
Поиск слайдера

Автор Rebarun

Ответов: 2
Просмотров: 499
Последний ответ 20.05.2020, 11:45:07
от Rebarun