Как сделать такое на angular?

Question

[reactreact]

Подскажите как такое можно сделать на ionic 2 (или хотя бы просто на html+css+js):


Чёрные квадраты - это загруженные картинки, а последняя - это кнопка загрузки изображений. Вообщем задача такая: чтобы максимум 2 фотографии помещались на страницу по ширине, остальное скрывалось за экраном а весь контент центрировался, то есть допустим, у нас ничего не загружено, тогда кнопка загрузки изображения будет по центру, если загружено 2 фотографии, тогда выглядеть должно всё так, как на картинке сверху и т.д. Здесь, я думаю, можно одним css обойтись (центрировать и скрывать), вот в этом и нужна помощь. А ещё не знаю как сделать так, чтобы, если часть контента скрыта за экран, можно было бы потянуть вправо/влево, чтобы этот контент показался. Надеюсь, понятно объяснил. Спасибо заранее.

Answer 1

[ummahusla]

owlgraphic.com/owlcarousel

Comments

[Сергей Протько]

только это не angular и не ionic. Но можно интегрировать, да.

[ummahusla]

Сергей Протько:

> (или хотя бы просто на html+css+js)

Answer 2

[Alex]

Вот есть прикольная карусель slick интегрированная в ангулар https://github.com/devmark/angular-slick-carousel

Answer 3

[Максим]

ionicframework.com/docs/v2/components/#slides