bxSlider不会在幻灯片图像之前加载加载动画(bx_loader.gif)

时间:2014-02-02 16:40:57

标签: javascript jquery css bxslider

我最近在我的bxSlider上安装了homepage,大多数代码在JavaScript / CSS配置之后运行良好,除了加载动画(一个小的旋转轮,* bx_loader.gif *)。然后我发现 - 在一些令人讨厌的朋友的帮助下 - 加载 .gif 总是在> bxSlide的图像后加载。 它无法显示此加载顺序,因此我尝试了一些变通方法,例如样式表中的 base64 编码加载 .gif (现在您可以看到我的内容)提到的主页)“预加载图片”:

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

它现在有效(你看到加载动画) - 但它不是很优雅。

所以我有一些问题:

  • 是否有任何其他“干净”方法(除了描述的预加载技巧/黑客之外)以确保加载 .gif bxSlide之前加载
  • 有没有人遇到过与bxSlider类似的问题? bxSlider-hompage上的演示页面完美无缺地工作......
  • 有人可以查看bxSlider-JavaScript并告诉我,如果加载顺序可以通过JavaScript / JQuery更改(我不是那个JS专业人员)吗?

提前致谢!

Wahooka

1 个答案:

答案 0 :(得分:1)

你可以破解gif的预加载。

只需将<img src="path/to/image.gif" class="versteck">放在<body>标记的任意位置即可。这里发生的是在加载javascript(脚本,jquery,jquery插件等)之前加载图像,因此当bxslider启动时,你的预加载图像已经加载了。

您也可以使用javascript and css background预先加载图片,但这是最快的图片。