search

sanjayV / ng-image-slider

Angular Image Slider with Lightbox.
https://sanjayv.github.io/ng-image-slider/
MIT License
105 stars 51 forks source link

Slider shows only thumbnail image #166

Open troncomputers opened 2 years ago

troncomputers commented 2 years ago

Hi. Can someone tell what I did wrong? Slider is not showing "normal" images, only thumbnails. If I remove thumbImage the slider is blank. with some borders only.

  imageObject: Array<any> = [
    {
      image: 'assets/banner/baner1.jpg',
      thumbImage: 'assets/banner/baner1.jpg',
    },
    {
      image: 'assets/banner/baner2.jpg',
      thumbImage: 'assets/banner/baner2.jpg',
    },
    {
      image: 'assets/banner/baner3.png',
      thumbImage: 'assets/banner/baner3.png',
    }
  ];
<div class="banners-container">
  <ng-image-slider [images]="imageObject" [infinite]="true" [autoSlide]="5" [showArrow]="false" [imageSize]="{width: '100%', height: 200}"></ng-image-slider>
</div>

ng_slider

     _                      _                 ____ _     ___ 
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | | 
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | | 
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/

Angular CLI: 14.2.2
Node: 16.17.0
Package Manager: npm 8.15.0
OS: win32 x64

Angular: 14.2.1
... animations, cdk, common, compiler, compiler-cli, core, forms
... material, platform-browser, platform-browser-dynamic        
... platform-server, router, service-worker

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1402.2
@angular-devkit/build-angular   14.2.2
@angular-devkit/core            14.2.2
@angular-devkit/schematics      14.2.2
@angular/cli                    14.2.2
@angular/flex-layout            14.0.0-beta.40
@schematics/angular             14.2.2
rxjs                            7.5.6
typescript                      4.7.4