javascript - 初始化网页上的滑块？

Question

我是 javascript 的新手。我正在通过他们的网页帮助一个非营利组织，因为我对 html 有点了解，所以我自愿参加。该模板在顶部带有一个 javascript，上面写着：初始化每个滑块？一旦上传到网站上发布，我不太确定在哪里可以让它工作。谁能指出需要做什么才能使滑块像模板一样工作？目前图片只是静止并在页面上堆叠在一起！任何帮助将不胜感激！如果有人需要看的话，网站是militaryherosupport.org

    <script type="text/javascript" src="lib/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="lib/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="lib/jquery.coda-slider-2.0.js">    

<!-- Initialize each slider on the page. Each slider must have a unique id -->

    <script type="text/javascript">
$().ready(function() {
   $('#coda-slider-2').codaSlider({
       autoSlide: true,
       autoSlideInterval: 6000,
       autoSlideStopWhenClicked: true   

   });

});

Answer 1

根据文档，您将需要以下内容：

<div class="coda-slider-2"  id="coda-slider-2">

    <div>
        <h2 class="title">Slide 1</h2> <!--you first slide title here-->
        <p>Content</p> <!--you first slide content here -->
    </div>
    <div>
        <h2 class="title">Slide 2</h2> <!--you 2nd slide title here-->
        <p>Content</p> <!--you 2nd slide content here-->
    </div>
</div>