jquery - 将 jQuery Slideshowlite 与基于 DNN 的网站一起使用时的图像问题

Question

基本上，当页面打开时，幻灯片中包含的图像会在正确放入幻灯片之前临时堆叠。

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

我尝试过的事情：

1. 将调用幻灯片的脚本放在 HTML 的末尾（有人建议这样做，但不知道为什么会起作用）。
2. 最初隐藏包含图像的 div，然后使用脚本在文档加载后使用 jquery 和 css 显示 div。（例如：显示：无 >>> 显示：块）

对于那些感兴趣的人，这里有一个网站链接（使用 Bitly）：http://bit.ly/gNfWRx

非常感激

彼得

Answer 1

策略#2 应该有效。如果您在当前的 div / li 项目周围放置一个 div 并且您将其设置为 display:none 或更改可见性。然后在您的 jQuery document.ready 中，在幻灯片初始化运行后，您将执行一些 jQuery 来找到该 div，然后 show() 它。可能需要一些工作，但该策略应该可以正常工作。