初始化网页上的滑块？

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>