0

テストページでsliceboxを機能させようとしています。ドキュメントから、slicebox cssファイルを使用し、slicebox.jsと一緒にjqueryスクリプトをリンクする必要があるようです。そこから、「$（'＃sb-slider'）。slicebox（）;のようにスクリプトで関数を呼び出すのと同じくらい簡単だと思いましたが、画像は表示されません。

 <!DOCTYPE html>
 <html lang="en">
 <head>
    <title>Slicebox Test</title>
    <link rel="stylesheet" type="text/css" href="css/slicebox.css" />
</head>
<body>
    <ul id="sb-slider" class="sb-slider">
        <li>
            <a href="http://www.flickr.com/photos/strupler/2969141180" target="_blank"><img src="images/1.jpg" alt="image1"/></a>
        </li>
        <li>
            <a href="http://www.flickr.com/photos/strupler/2968268187" target="_blank"><img src="images/2.jpg" alt="image2"/></a>
        </li>
        <li>
            <a href="http://www.flickr.com/photos/strupler/2968114825" target="_blank"><img src="images/3.jpg" alt="image1"/></a>
        </li>
        <li>
            <a href="http://www.flickr.com/photos/strupler/2968122059" target="_blank"><img src="images/4.jpg" alt="image1"/></a>
        </li>
        <li>
            <a href="http://www.flickr.com/photos/strupler/2969119944" target="_blank"><img src="images/5.jpg" alt="image1"/></a>
        </li>
        <li>
            <a href="http://www.flickr.com/photos/strupler/2968126177" target="_blank"><img src="images/6.jpg" alt="image1"/></a>
        </li>
        <li>
            <a href="http://www.flickr.com/photos/strupler/2968945158" target="_blank"><img src="images/7.jpg" alt="image1"/></a>
        </li>
    </ul>

    <div>
        <a href="#">Next</a>
        <a href="#">Previous</a>
    </div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.slicebox.js"></script>
    <script type="text/javascript">
     $("#sb-slider").slicebox();
    </script>
  </body>
  </html>
4

3 に答える 3

1

このフォルダに css と js がありますか? css/slicebox.css js/jquery.slicebox.js たぶんそれが問題です。ダウンロードしてそのフォルダに入れる必要があります

于 2013-12-19T14:52:24.410 に答える
0

そこに含まれているモダナイザー スクリプトもリンクする必要があると思います。

<script type="text/javascript" src="/scripts/modernizr.custom.46884.js"></script>

私はそれを機能させていますが、すべてのブラウザー/プラットフォームでは機能していません。

于 2013-01-21T10:22:16.243 に答える
0

ready 関数を追加する必要があります。

$(document).ready(function() {
    $("#sb-slider").slicebox();
});
于 2013-01-04T04:16:03.290 に答える