Owl carousel лучше потому что:
0. Минимум усилий понимания, особенно для новичков
1. Лучше документация
2. Лучшие примеры
3. Более поддерживаемый код
Еще есть swiperj - но его я не юзал. На первый взляд выглядит лучше чем все остальные, более поддерживаемый.
Со slickjs больше намучаетесь, на личном опыте скажу))
Попробуй фиксированную ширину с высотой + jbject-fit: cover чтобы высота не автоматически высчитывалась и пустого пространста под 1ой у 3ей картинки не было.
bossigorxxx, Хорошо, только получается по 1ой картинке уже в одной строке, и пустое пространство образуется.
Я не помню что width: auto\9 означает, в chrome не работает.
bossigorxxx, Еще красивее на мой взгляд сделать фиксированную ширину с высотой и применить object-fit: cover, на всякий случай полифил подклюсить(ofi.js чтобы на cтарых боаузерах работало).
Если так сделать, то у тебя не будут пустые пространства в тех местах где идет 3 изображения подряд. И можео 2 медиа запроса уже прописать: отдельный для 768-480 примерно и отдельный меньше 480 и меньше.
Хорошо, спасибо. На самом деле я уже пол года верстаю со всеми медиа запросами, но только сейчас в голову ударил вот этот пробел недопонимания разницы. Спасибо.
Daria Motorina, Не понял, вы имеете ввиду использовать цикл вывода на странице?
Не, ну это понятное дело, но где мне в цикле указывать логику того что мне нужно вывести именно тот или иной блок? В админке на странице у меня имеется множество блоков, но вывести их нужно в разных частях страницы, т.к. имеется большая вложенность html верстки. В англоязычных источниках такого найти не могу.
Именно. Поддержка с css shapes страдает, но вот я подумал что если оранжевый блок расстянуть по ширине, а серый расстянуть по высоте, затем поместить картинку в каждый блок и применить обтекание? В общем не могу до конца решить вопрос, был бы эксперт)
Вот я примерно думаю так сделать, синий и красный блок с картинкой, размещенной через position: absolute. Затем применить к блокам float: right а вот дальше не получается доделать, чтобы все обтекалось...
Да это то понятно. Давай по другому вопрос задам.
Макет снизу. Дано две картинки и блок с текстом. Как спозиционировать их чтобы текст обтекал эти картинки, чтобы при уменьшении ширины экрана текст не налазил на нижнию картинку. Вроде все просто, но нифига не работает.