размеры слайдера
не могу разобраться со слайдером. какой размер надо делать баннера чтобы он нормально выводился? максимальная ширина сайта стоит 1366 (надо ли больше или не надо ещё сам не понял)
не совсем понятна логика работы параметра "Минимальная высота слайдера в px" стоит 310.
Что будет если загрузить баннер меньше по высоте и больше ?
"Масштабируемое изображение" как оно масштабирует , если после масштабирования остаётся свободное место по сторонам если баннеру длины не хватает? Баннер после такого масштабирования почему то оказался не в центре , а слевого края.
"Фиксированная высота с обрезкой по бокам" у меня при таком параметре баннер нормально растягивается на всю ширину, но обрезка идёт при этом не по бокам , а по высоте, что тоже не устраивает. Почему баннер тянется при этом режиме больше чем фиксированная высота ?
Когда начинаю всё это просматривать на телефонах вообще непонятно что в итоге делать.
на Samsung S6 (2560x1440)слайдер либо очень низкий , либо режется так что ничего не остаётся. Сайд бар не отображается ни в вертикальном ни в горизонтальном положении.
на Samsung S8+ (2960x1440) Сайд бар не отображается в вертикальном но в горизонтальном положении он есть.
на планшете Samsung Tab S 10.5 (2560x1600) вроде всё красиво , всё на полный экран и нигде никаких свободных участков.
так выглядит баннер "Фиксированная высота с обрезкой по бокам"
так в режиме "Масштабируемое изображение"
Какой в итоге размер банера заливать и какие параметры масштабирования ставить чтоб всё красиво выглядело как на ПК мониторах так и на мобильных устройствах.
PS
из того что видел у других идеально работает слайдер у https://www.onlinetrade.ru/ . На мобильных устройствах у них режутся края баннеров, причём где то прописано какой из краёв режется. слева, справа или с обоих сторон одновременно.
Здравствуйте, Сергей!
Каждый решает сам. =)
Я бы не стал. Т.к. если сделать больше, то сайт будет растягиваться, товары будут большими.
В таком сайте тоже сложно ориентироваться.
Это означает, что высота слайда изначально 310 пикселей, но если контент будет вылезать за пределы слайда, то слайд "вырастет" в высоту, чтобы текст не вылезал за пределы слайда. Поэтому и минимальная.
Если меньше, то не красиво, если больше, то обрежется.
Данный режим скорее эксперементальный, чем обычный.
Я рекомендую его использовать только в тех случаях, когда вам крайне необходимо отображать изображения с "зашитым" внутри них текстом. И был сделан по мотивам этого обсуждения (ссылка). В таком режиме вам нужно загружать изображения максимальной ширины сайта. В вашем случае 1366 px.
В остальных случаях я рекомендую использовать режим с обрезкой и загружать только фон.
А текст выводить через описание промо-карточки.
Тогда изображения всегда будут одной и то же высоты вне зависимости от ширины экрана.
И у вас будет возможность оперативно менять текст в промо-карточке без необходимости лезть в графический редактор. Плюс текст можно стилизовать дополнительными шрифтами.
Используйте режим с обрезкой. Заливайте только фоновое изображение размером 1366 на 310.
А текст наносите через описание промо-карточки. В демо-версии сделано именно так.
Спасибо за развёрнутый ответ. Но баннеры мне готовые присылают, придётся черз масштабирование делать.
Пришлите мне ссылочку на сайт, где у вас баннер в режиме масштабирования уже работает.
Я посмотрю. Может быть смогу дать рекомендации как улучшить.
https://foto74.ru/new/
Да, вроде, всё хорошо. =)
Отличный сайт!
Могу я его в примеры добавить?
можно добавить. только через 1-2 дня приписки new не будет. банеры в итоге делаю 1065*310.
Так же не понятно могут ли с такими банерами работать обратный счётчики ? На маленьких карточках выводятся, на слайдере нет.
К сожалению, таймеры отключены в данном режиме, т.к. они не масштабируемы и на малой высоте баннера могут выходить за его пределы.