0

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

  • 实现预加载器的可能性
  • SEO 友好（一次显示所有图像，无需 JavaScript）
  • 使用 #hash 更改图像

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

  1. 有很多img的div
  2. ul 和 li 的，每个都有 img
  3. div 与其他 div，每个都有一个 img

我看到了所有三种实现，但是很难说这些方法有什么不同，如果它们完全不同的话。你怎么看，你会推荐什么？

4

1 回答 1

0

为幻灯片构建一个窗口，给它溢出：滚动，但使用 JS 应用溢出：隐藏。这样，如果 JS 没有打开，幻灯片仍然可用（很少见，我知道，但这是一些小改动......）

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

<div id="slideshow_window">
    <div id="slide_container">
        <img /><img /> ... repeat
        <!-- or -->
        <div>more complex stuff</div> ... repeat
    </div>
</div>
于 2011-08-13T18:47:43.223 回答