Bug - Image scrolling in the background if you a click thumbnail skipping the next or previous.

[SnippetsUnlimited]

When you have a thumbnail selected and click a thumbnail skipping the next one, you can see the image of skipped thumbnail scroll behind the image you have just selected.

For example if I have 14 thumbnails, if I click the 3rd thumbnail (which displays the image for this thumbnail) and then click the 5th thumbnail, I can see image for 4th thumbnail sliding behind the image of 5th thumbnail. The same is happens in reverse too. This issue does not occur for clicking thumbnails which are 2 positions apart.

I am using these options:

this.galleryOptions = [
  {
    width: '900px',
    height: '500px',
    imagePercent: 85,
    imageSize: NgxGalleryImageSize.Contain,
    imageAnimation: NgxGalleryAnimation.Slide,

    thumbnailsColumns: 7,
    thumbnailsMoveSize: 6,
    thumbnailsMargin: 5,
    thumbnailsRows: 1,
    thumbnailsPercent: 15,
    thumbnailSize: NgxGalleryImageSize.Contain,

    previewFullscreen: true,
    previewCloseOnEsc: true
  }
];

[webcamil]

Same problem. We fixed this with background on .ngx-gallery-image class

[ibrcic]

I have the same problem. Is there any other fix besides adding background?

[ankithtv]

@1Tvink how did you fixed problem. can you explain

[kolkov]

Hi! Is this present in my recreated repo? If yes, create issue in my repo please. Thanks! https://github.com/kolkov/ngx-gallery