Omni Carousel Search Omni docs and demos…
npm GitHub

Peek-a-boo effect

Carousels that show partial views of adjacent slides

Digits(12 sl.)

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
Zero configuration

Spacing at start/end added in CSS using pseudo-elements.

Scroll alignment (center) autodetected from CSS.

Scrollbar hidden in CSS.

Photos(8 sl.)

  • Closeup of a pink object against a blue sky
  • Closeup photo of yellow paper boat
  • Yellow black green and orange digital wallpaper
  • Painting of a multicolored pattern with a white background
  • Blue red pink and yellow abstract painting
  • Minimalist geometric design with blue and green areas divided by white and yellow lines
  • Black and yellow door with a yellow stripe
  • Low angle photography of concrete buildings under blue sky
Configuration
preloadAdjacentImages: true

Spacing at start/end added in CSS using pseudo-elements.

Scroll alignment (center) autodetected from CSS.

Photography

  1. Alex Padurariu
  2. Alex Padurariu
  3. Hamed Daram
  4. Clark Van Der Beken
  5. Delila Ziebart
  6. Henry & Co.
  7. William Daigneault
  8. Ferdinand Stöhr

Photos(14 sl.)

  • Closeup photo of yellow paper boat
  • Closeup of a pink object against a blue sky
  • Closeup photo of a surfboard on a wall
  • Minimalist geometric design with blue and green areas divided by white and yellow lines
  • Man riding a snowboard down the side of a snow covered slope
  • Blue red pink and yellow abstract painting
  • Yellow black green and orange digital wallpaper
  • Painting of a multicolored pattern with a white background
  • Black and yellow door with a yellow stripe
  • Low angle photography of concrete buildings under blue sky
  • Abstract geometric pattern in muted colors
  • Blue and pink sky
  • Minimalist composition of white and deep red painted wall textures
  • Close-up of colorful abstract pattern
Configuration
scrollSteps: 'auto'

Spacing at start/end added in CSS using pseudo-elements.

Slides per view set in CSS: 1 or 3, depending on viewport.

Scroll alignment (center) autodetected from CSS.

Photography

  1. Alex Padurariu
  2. Alex Padurariu
  3. Denise Bossarte
  4. Henry & Co.
  5. N N
  6. Delila Ziebart
  7. Hamed Daram
  8. Clark Van Der Beken
  9. William Daigneault
  10. Ferdinand Stöhr
  11. Dmitri Popov
  12. Hendrik Kespohl
  13. Janos Richter
  14. Mateusz Derks