Implementing image slider with thumbs using ngx-swiper-wrapper

问题

I'm trying to implement ngx-swiper-wrapper to build an image slider with thumbs similar to this:

https://idangero.us/swiper/demos/300-thumbs-gallery.html

Has anyone managed to do this? I can't see any good documentation on how to build all swiper sliders with this wrapper. Also, is the FlexLayoutModule that is used in the demo for ngx-swiper-wrapper a must or can it be implemented without?

回答1:

Here is an demo and example for you.

https://lukasz-galka.github.io/ngx-gallery-demo/

https://www.npmjs.com/package/ngx-gallery

npm install ngx-gallery --save

// app.module.ts
import { NgxGalleryModule } from 'ngx-gallery';
...
@NgModule({
    imports: [
        ...
        NgxGalleryModule
        ...
    ],
    ...
})
export class AppModule { }

<ngx-gallery [options]="galleryOptions" [images]="galleryImages"></ngx-gallery>

I have just added sample docs please visit that npm package and install.

来源：https://stackoverflow.com/questions/54569099/implementing-image-slider-with-thumbs-using-ngx-swiper-wrapper