UI Letest Slider Gallary

Project.html

<ion-scroll scrollX style="height:127px;">
            <div class="scroll-item" *ngFor="let item of RoundImage">
                <img class="images-curcle" src="{{item.image}}" imageViewer />
            </div>
 </ion-scroll>


Project.scss
   ion-scroll[scrollX] {
        white-space: nowrap;
        .scroll-item {
            display: inline-block;
        }
    }
    .images-curcle {
        height: 110px;
        width: 110px;
        padding: 8px;
        border-radius: 80px !important;

    }

Project.ts

export class Offdetails {
  RoundImage:any[];
  constructor(public navCtrl: NavController) {
    this.initializeItems();
  }
initializeItems(){
  this.RoundImage = [
    {image:'./assets/img/new/1.jpg'},
    {image:'./assets/img/new/2.jpg'},
    {image:'./assets/img/new/3.jpg'},
    {image:'./assets/img/new/4.jpg'},
    {image:'./assets/img/new/6.jpg'},
    {image:'./assets/img/new/7.jpg'},
    {image:'./assets/img/new/8.jpg'},
    {image:'./assets/img/new/9.jpg'},
    {image:'./assets/img/new/10.jpg'},
    {image:'./assets/img/new/11.jpg'},
    {image:'./assets/img/new/12.jpg'},
    {image:'./assets/img/new/8.jpg'},
    {image:'./assets/img/new/9.jpg'},
    {image:'./assets/img/new/10.jpg'},
    {image:'./assets/img/new/11.jpg'},
    {image:'./assets/img/new/12.jpg'},
   
  ];
}

}