Javascript 了解如何使用jQuery插件

我试图使用中的

RhinoSlider

，但是文档在告诉您如何使用它方面非常差。它向您展示了如何调用它，而不是如何为它构建内容

在下载的演示中，它使用了这个

    <div id="page">
        <ul id="slider">
            <li><img src="img/slider/01.jpg" alt="" /></li>
            <li><img src="img/slider/02.jpg" alt="" /></li>
            <li><img src="img/slider/03.jpg" alt="" /></li>
            <li><img src="img/slider/04.jpg" alt="" /></li>
            <li><img src="img/slider/05.jpg" alt="" /></li>
        </ul>
    </div>

每张幻灯片（幻灯片1、2等）都有一个作为主图像的背景图像；然后它里面的内容是带有文本和/或其他图像的div

---

如何使其与我的内容一起工作？

您可以使用任何您想要的标记。 唯一的限制是，必须有父（包装器）元素

所以你可以用这个：

<div id="slider">
    <div>slide 1</div>
    <div>slide 2</div>
</div>

幻灯片1
幻灯片2

或者更具语义的版本：

<ul id="slider">
    <li>slide 1</li>
    <li>slide 2</li>
</ul>

幻灯片1
幻灯片2

我会坚持使用标签来定义幻灯片。页面ID不重要。重要的是

标记的ID，因为您需要该ID来启动脚本。如果您需要幻灯片中的文本和图像，您可以在
• 标记中包含HTML。@effectica谢谢。我把它们改成了
  标签，大部分都能正常工作；但是，我必须将我用于

  li

  标记的ID更改为次要类，因为它用自己的ID替换ID。如果你把你的回复作为一个答案，我会接受的：）非常感谢你的回答！您有一个很棒的产品，只需要更多的文档说明如何在某些领域实现它。

  <ul id="slider">
      <li>slide 1</li>
      <li>slide 2</li>
  </ul>