Ideal-Image-Slider-JS icon indicating copy to clipboard operation
Ideal-Image-Slider-JS copied to clipboard

Constant loading wheel during fade animation

Open AMI289 opened this issue 10 years ago • 1 comments

Hi, I first want to thank you for this awesome slider. It is really great looking and so easy to use.

Second, I have a weird issue that, as the title suggests, when using a fade animation, I can notice a loading wheel appears in the middle of the slider.

It happens always, and no matter if I use 'src' or 'data-src', so I'm guessing it has nothing to do with the image loading.

I'm using the latest Safari (if it matters) with a very basic usage of the slider. This is a new, blank, web page, so it has no other components who could 'interfere' with the slider.

EDIT- To add on to the above issue, If I put an image with a transparent background, the loading wheel is constantly 'on', and not just during fading animation.

Cheers.

AMI289 avatar Jul 10 '15 16:07 AMI289

It is true that the loading wheel is always there, it is only covered by the image once that is loaded. However, during the fade animation, both images are displayed semi-transparent, and the loading wheel shines through, which is a bug in (Ideal-)Image-Slider.

The easiest workaround is to always hide the loading indicator, even while actually loading:

.ideal-image-slider {
  background-image: none;
}

jscissr avatar Jan 08 '16 14:01 jscissr