https://github.com/nevedomyy/carousel_images

https://github.com/nevedomyy/carousel_images

carousel carousel-images carousel-slider carousel-view gallery gallery-images gallery-viewer image parallax parallax-effect parallax-gallery parallax-scrolling parallax-slider

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/nevedomyy/carousel_images
• Owner: nevedomyy
• License: bsd-3-clause
• Created: 2020-06-14T12:29:36.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-07-15T13:46:14.000Z (over 4 years ago)
• Last Synced: 2025-10-23T05:52:21.136Z (3 months ago)
• Topics: carousel, carousel-images, carousel-slider, carousel-view, gallery, gallery-images, gallery-viewer, image, parallax, parallax-effect, parallax-gallery, parallax-scrolling, parallax-slider
• Language: Dart
• Homepage: https://pub.dev/packages/carousel_images
• Size: 8.21 MB
• Stars: 4
• Watchers: 1
• Forks: 7
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Carousel Images

Carousel of images with reality (parallax) effect

![img](demo.gif)

## How to use

CarouselImages widget support Network and Asset Images. You should put to list path or url:

```

final List listImages = [

  'assets/1.jpg',

  'https://www.factroom.ru/wp-content/uploads/2019/04/5-sobiraetes-syuda-priekhat.jpg',

  'https://cdn.flixbus.de/2018-01/munich-header-d8_0.jpg',

  'assets/4.jpg',

  'assets/5.jpg',

  ];'

```

```

CarouselImages(

  scaleFactor: 0.6,

  listImages: listImages,

  height: 300.0,

  borderRadius: 30.0,

  cachedNetworkImage: true,

  verticalAlignment: Alignment.topCenter,

  onTap: (index){

    print('Tapped on page $index');

  },

)

```

Parameter **height** is required!

Use **cachedNetworkImage** to cache images from network.

Use **scaleFactor** to give scale size of nearby images.

![img](scale.png)

Use **verticalAlignment** to place nearby images in right position.

![img](aligm.png)