Geek asks and answers

BxSlider does not load animation loading (bx_loader.gif) before slide images

I recently installed bxSlider on the main page and most of the code worked fine after setting up JavaScript / CSS, with the exception of the loading animation (tiny circular wheel, * bx_loader.gif *). Then I discovered - with the help of some geeky friends - that the .gif download always loads after bxSlide images. It cannot be displayed with this load order, so I tried some workarounds, for example, loading .gif loaded into base64 into the stylesheet and (as you can see now on my mentioned page) a “preview image”:

<img src="./Karussell/BXSlider/images/bx_loader2.gif" width="1px" height="1px" />

Now it works (you see the loading animation) - but it's not very elegant.

I have questions:

  • Is there any other “clean” method (besides the described pre-boot tricks / hacks) to load .gif loaded before into bxSlide?
  • Has anyone encountered similar issues with bxSlider? The demo pages on bxSlider-hompage work flawlessly ...
  • Can someone look into bxSlider-JavaScript and tell me if the loading order can be changed using JavaScript / JQuery (I'm not that kind of JS-professional), please?

Thanks in advance!

Wahooka

+3
source share
1 answer

you can hack gif preload.

<img src="path/to/image.gif" class="versteck"> <body>. javascript (, jquery, jquery plugins ..), , bxslider , .

javascript css background , .

+1

More articles:


All Articles