我最近在我的bxSlider上安装了homepage,大多数代码在JavaScript / CSS配置之后运行良好,除了加载动画(一个小的旋转轮,* bx_loader.gif *)。然后我发现 - 在一些令人讨厌的朋友的帮助下 - 加载 .gif 总是在>> bxSlide的图像后加载。 它无法显示此加载顺序,因此我尝试了一些变通方法,例如样式表中的 base64 编码加载 .gif (现在您可以看到我的内容)提到的主页)“预加载图片”:
<img src="./Karussell/BXSlider/images/bx_loader2.gif" width="1px" height="1px" />
它现在有效(你看到加载动画) - 但它不是很优雅。
所以我有一些问题:
提前致谢!
Wahooka
答案 0 :(得分:1)
你可以破解gif的预加载。
只需将<img src="path/to/image.gif" class="versteck">
放在<body>
标记的任意位置即可。这里发生的是在加载javascript(脚本,jquery,jquery插件等)之前加载图像,因此当bxslider启动时,你的预加载图像已经加载了。
您也可以使用javascript and css background预先加载图片,但这是最快的图片。