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

Rebarun

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

Rebarun

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

AlexB

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

draff

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

xpank

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

Rebarun

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

xpank

  • Захожу иногда
  • 389
  • 34 / 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 по pdf и excel файлам?

Автор vova630

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

Автор x1

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

Автор Rebarun

Ответов: 2
Просмотров: 257
Последний ответ 20.05.2020, 11:45:07
от Rebarun
Поиск модуля/компонента для добавления разными пользователями инф. о вып. работе

Автор Ttttk897

Ответов: 3
Просмотров: 436
Последний ответ 03.08.2019, 18:56:20
от dm-krv
Поиск в глобальной сети интернет через мой сайт

Автор MorfixProton

Ответов: 2
Просмотров: 390
Последний ответ 02.08.2019, 12:20:28
от Cedars