Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

ajax-loader.gif not showing

See original GitHub issue

I apologize ahead of time if this is not really an issue. I can’t seem to see the ajax-loader spinner at all in my pages or on http://kenwheeler.github.io/slick/. I have even tried throttling my connection speed.

Slick.js’s css targets

.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }

but .slick-loading isn’t applied to the top level html element, .slick-loading is applied only to the image that is being loaded.

I have also tried with the latest 1.3.13

Is slick.js supposed to add a .slick-loading class to the top level slider html element? If so, I must be missing it? Maybe the class isn’t added so the spinner isn’t appearing?

Issue Analytics

State:
Created 9 years ago
Comments:8 (1 by maintainers)

Top GitHub Comments

5reactions

iampumacommented, Mar 22, 2017

If you are including slicks .scss theme file. You can overwrite the variable $slick-loader-path to a custom path.

0reactions

holmberdcommented, Oct 16, 2018

Looking at the code the ajax-loader only seems to come into effect when using lazy-loading. Since the $slick-loader-path variable in the css depends on the slick-loading, see: https://github.com/kenwheeler/slick/blob/a2aa3fec335c50aceb58f6ef6d22df8e5f3238e1/slick/slick-theme.less#L20

which only gets set if the lazy-data attribute is present on the image, see: https://github.com/kenwheeler/slick/blob/a2aa3fec335c50aceb58f6ef6d22df8e5f3238e1/slick/slick.js#L536