search

Codeinwp / Ideal-Image-Slider-JS

Quite simply the ideal Image Slider in vanilla JS.
http://idealimageslider.com
GNU General Public License v3.0
1.57k stars 160 forks source link

Constant loading wheel during fade animation #68

Open AMI289 opened 9 years ago

AMI289 commented 9 years ago

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.

jscissr commented 8 years ago

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;
}