使用基于DNN的网站的jQuery Slideshowlite时的图像问题

时间:2010-12-06 16:14:38

标签: jquery html slideshow dotnetnuke image-preloader

基本上,当页面打开时,幻灯片中包含的图像会暂时堆叠,然后才能正确放入幻灯片中。

我认为这可能是因为DNN在运行脚本文件之前首先呈现位于HTML中的图像。这导致在正常行为之前将图像列表(它们在< li>标签中)一个放在另一个上(约2秒)。

我尝试过的事情:

  1. 在HTML结尾放置调用幻灯片的脚本(有人建议这样做,不知道它为什么会起作用)。
  2. 最初隐藏包含图像的div,然后使用一个脚本,在文档加载后使用jquery和css显示div。 (例如:display:none>>> display:block)
  3. 对于那些感兴趣的人来说,这是该网站的链接(使用Bitly): http://bit.ly/gNfWRx

    非常感谢

    彼得

1 个答案:

答案 0 :(得分:0)

战略#2应该有效。如果你在当前的div / li项目周围加上一个div,你可以进行显示:none或更改可见性。然后在你的jQuery document.ready中,在运行幻灯片初始化之后你会执行一些jQuery来找到那个div然后show()它。可能需要一点点工作,但该策略应该可以正常工作。