Fullpage.js - 幻灯片不滑动或显示内容

时间:2015-01-27 03:36:55

标签: jquery html slide fullpage.js

我无法显示幻灯片的内容,或让它们循环播放。正确的 页面链接显示即。 index3.html#secondPage / slide1 ...... 但屏幕保持不变,因为我使用地平线按钮或键盘左右移动。

这是我的代码: 非常标准,因为我甚至无法获得粗略的网站。

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="jquery.fullPage.css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type=
"text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>   
<script type="text/javascript" src="vendors/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="jquery.fullPage.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#fullpage').fullpage({
            anchors: ['firstPage', 'secondPage', '3rdPage'],
            slidesColor: ['#8FB98B', '#DE564B', '#EAE1C0'],
            slidesNavigation: true,     
scrollOverflow: true                
        });
    });
</script>

</head>

<body>
<div id="fullpage">

<div class="section " id="section0">
    <div class="intro">
        <img src="imgs/1.png"  alt="1"/>
        <h1>Sliders navigation dots</h1>
        <p>Create a navigation for your landscape sliders</p>
    </div>
</div>

<div class="section" id="section1">
    <div class="slide" id="slide1" data-anchor="slide1">
        <div class="intro">
            <h1>Clickable</h1>
            <p>
                You can even click on the navigation and jump directly to    another section.
            </p>
        </div>
    </div>

    <div class="slide" id="slide2" data-anchor="slide2">
        <h1>Slide 2</h1>
    </div>

    <div class="slide" id="slide3" data-anchor="slide3">
        <h1>Slide 3</h1>
    </div>  <div class="slide" id="slide4" data-anchor="slide4">
        <h1>Slide 4</h1>
    </div>
    <div class="slide" id="slide5" data-anchor="slide5">
        <h1>Slide 5</h1>
    </div>
</div>
<div class="section" id="section2">
    <div class="intro">
        <h1>Enjoy it</h1>
    </div>
</div>
</div>

</body> 
</html>

0 个答案:

没有答案