[Drupal] How to solve the problem of extra blank images displayed after rendering all the images in views slideshow

I was working on a project where the requirement was to display slideshow in a page.Slideshow was created using views_slideshow module with fields as content type field holding image. After all the images were rendered using slideshow a blank image was being displayed before the next transition of slideshow.Here we encountered a problem of unwanted blank image being displayed if you are also facing the same issue then read on to know how to solve this.

Here are the steps on how to do this.

• First perform a check on the site to see that you have views slideshow module enabled correctly.
• Ensure that you have installed jQuery Cycle Plugin.
• Check the Timer delay and Speed in slideshow settings.(slideshow settings->View Transition Advanced Options).
• In the view for slideshow add an filter criteria 'Content: (fieldname):alt (not empty)'.

Hope this helps