2

jqueryは初めてです。スライドショープラグインを自分のサイトに配置しようとしています。この「slidesjs」プラグインに遭遇しました。これを自分のページに入れてみましたが、機能しないようです。これが私のコードです：

<style type="text/css" media="screen">
        .slides_container {
            width:570px;
            height:270px;
        }
        .slides_container div {
            width:570px;
            height:270px;
            display:block;
        }
    </style>

    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script src="Slides/examples/images-with-captions/js/slides.min.jquery.js"></script>

    <script>
        $(function(){
            $("#slides").slides();
        });
    </script>

<div id="text-contents">
        <div class="slides_container">
            <div>
                <img src="http://placehold.it/570x270">
            </div>
            <div>
                <img src="http://placehold.it/570x270">
            </div>
            <div>
                <img src="http://placehold.it/570x270">
            </div>
            <div>
                <img src="http://placehold.it/570x270">
            </div>
        </div>
</div>

theyrプラグインをダウンロードしました。これは「スライド」フォルダにあります。このフォルダを、htmlファイルもあるフォルダのすぐ内側に転送しました。

4

2 に答える 2

1

「スライド」の要素がないidため、セレクターは変換するものを見つけられません。試す：

$("#text-contents").slides();

代わりは。

編集:単に例の 1 つのコピーを実装している場合は、関連するリソースが含まれていることを確認してください。たとえば、Standardの例のサンプル コードを使用している場合js、同じ外観を得るには、、、cssおよびimgフォルダー (およびその内容) が必要です。例のセットアップ方法を理解したら、これらを独自のスタイルと画像に置き換えることができます (またそうする必要があります)。

于 2012-10-04T20:10:39.560 に答える
0

こんにちはhttps://github.com/brenelz/Content-Sliderをご覧ください。基本的な JQuery スライダーがない場合に必要なものを満たしている可能性があります。

于 2012-10-04T20:22:36.927 に答える