初始化网页上的滑块?

时间:2013-07-26 19:11:36

标签: javascript slider

我相对来说是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   

   });

});

1 个答案:

答案 0 :(得分:0)

根据文档,您需要这样的内容:

<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>