Javascript ImageSlider（jQuery）的不同结构/组织

我将重写一些mycode并重新实现它，以满足我当前的需要。 我基本上有两个要求：

实现预加载的可能性 SEO友好型一次显示所有图像，无JavaScript 使用哈希更改图像 有很多例子可以说明如何操作，但我想问的是，您认为滑块的最佳结构是什么：

有很多img的div ul与李的，每个与img 带其他部门的部门，每个部门有一个img

---

我看到了所有三种实现，但是很难说这些方法有什么不同，如果它们有什么不同的话。你觉得怎么样，你有什么建议？

为幻灯片创建一个窗口，让它溢出：滚动，但应用溢出：隐藏JS。这样的话，如果JS不是稀有的，幻灯片仍然可以使用，我知道，但这只是一些小技巧

如果您想要一个动画运动，而不是淡入淡出，那么为滑轨添加一个容器可以使事情变得更简单。如果只是淡入淡出，可以按顺序淡出/取消淡出。然后，根据幻灯片的复杂程度，如果只是图像，请使用JS预加载它们，否则，如果您的需要更复杂，您可以使用div填充幻灯片以容纳滑块的每个屏幕

<div id="slideshow_window">
    <div id="slide_container">
        <img /><img /> ... repeat
        <!-- or -->
        <div>more complex stuff</div> ... repeat
    </div>
</div>

---

谢谢你的回答。Div，包含其他Div的内容是我个人倾向于的。你能简单地说一下我如何预加载图像吗？也许我可以让它们全部显示：无，然后在加载上一个之后，将每个显示：内联。哈哈，你应该去一个代码片段站点。。我已经在我的艺术页面上建立了一个音量控制器：请随意使用脚本记住，当浏览器不在焦点时，你需要停止该音量控制器的工作。我不想为这件事烦恼，因为这是我自己的网站。更容易防止排队响应用户交互。