Показать сообщение отдельно
  #15 (permalink)  
Старый 12.01.2018, 21:20
Аватар для rikitiki
Интересующийся
Отправить личное сообщение для rikitiki Посмотреть профиль Найти все сообщения от rikitiki
 
Регистрация: 10.05.2013
Сообщений: 20

Благодарю за ответ!
Вот скрины c моего смарта в альбомной и портретной ориентации карусели Яндекса после горизонтального свапа по ним:

--------------------------------------------------------------------------------



После остановки карусели какая-либо симметрия группы изображений относительно центра блока отсутствует. После короткого свапа изображение не "отпружинивает" назад, а при более размашистом свапе не перепрыгивает к краю блока. Если очень медленно передвинуть, то то изображение так остаётся под пальцем, создавая иллюзию, что двигаешь некую бумажную ленту с картинками.
В Owl же карусели, даже если не свапить, а тащить мышкой при коротком, медленном перемещении отпружинивает, при более длительном, перескакивает к краю, но не остаётся на месте при отпускании кнопки. Опять таки, край одной из картинок в конце перемещения или прижимется к краю блока, либо, если задано центрирование, одна из картинок обязательно маячит по центру. Других вариантов в карусели нет.
https://owlcarousel2.github.io/OwlCa...os/center.html
Для сравнения приведу опять ссылку TouchCarousel:
http://dimsemenov.com/plugins/touchc...image-and-text
Она похожа на Яндевскую, но в ней нет lazy load. В ней я очень медленно тащу карусель кнопкой мыши , останавливаюсь, отпускаю кнопку мыши и карусель остаётся на месте, где была остановлена и никуда не прыгает.
Собственно такое поведение TouchCarousel обусловлено (из документации) в настройках этим:

$("#yourCarouselId").touchCarousel({
itemsPerMove: 1, // The number of items to move per arrow click.

snapToItems: false, // Snap to items, based on itemsPerMove.

pagingNav: false, // Enable paging nav. Overrides snapToItems.
// Snap to first item of every group, based on itemsPerMove.

Если их поменять то она станет похожа на Owl carousel:
http://dimsemenov.com/plugins/touchcarousel/

Извините, не знаю как здесь прячутся изображения под спойлер. Сейчас пытаюсь это сделать. Тег spoiler не работает.

Последний раз редактировалось rikitiki, 12.01.2018 в 23:20.
Ответить с цитированием