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

Question

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

• posibility实现预加载
• SEO友好与#hash（显示在一次没有JavaScript的所有图像）
• 改变图像

有很多如何做到这一点，但我想问你是否会说什么是滑块的最佳结构：

1. DIV有很多IMG的
2. UL与李的，每一个与IMG
3. 格与其他分区的，每一个IMG

我看到三种实现，但很难说这些如何处理不同，如果它们完全不同。你怎么看，你会推荐什么？

Answer 1

为幻灯片建立一个窗口，给它溢出：滚动，但应用溢出：用JS隐藏。这种方式幻灯片仍然可用，如果JS不上（很少见，但我知道，但它的一点触动...）

如果你想要一个动画运动而不是淡入淡出，然后添加一个幻灯片的容器“铁路”可以让事情变得更容易一些。如果你只是想要淡入淡出，你可以按顺序淡入淡出。然后，根据幻灯片的复杂程度，如果它只是图像，请使用JS预加载它们，否则，如果您的需求更复杂，则可以用div填充以保存滑块的每个“屏幕”。

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