Bootstrap carousel black screen

I am using a bootstrap carousel in which black screen appears for a few seconds in firefox and ie when we changes the slide and then image displays. How to remove this black screen.

Hi sumu, welcome to the forum

I can only guess. Are the images heavy? (not optimized for the web)

Have you tried testing with other browsers and they’re OK, and only Firefox and IE11 have the problem?

Any JavaScript error messages in your browsers’ developer tools console?

If the delay for the image to display is due to the download time, you can download in advance the images.

You can make the backend faster so that the download is faster.

The issue is still exist, I have optimized the images as well as use preloaded images. The issue is on Firefox and ie. On chrome it’s working fine. Can u please suggest. I think there is a transition issue only for next slide on ff and ie.

Do you mean that it fails on a recent version of Firefox?

It may be due to a special setup that you have.

You can create a small example reproducing your problem on codepen and link it here.

bootstrap, images, are present over the internet.

Not unless you show us the site that has the problem or have a demo that exhibits the problem.

It could be a million things :slight_smile:

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.