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>

我刚刚下载了他们的插件。这是在“幻灯片”文件夹中。我也将这个文件夹转移到了我的 html 文件所在的文件夹中。

4

2 回答 2

1

您没有带有id“幻灯片”的元素，因此选择器找不到要转换的任何内容。尝试：

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

反而。

编辑：如果您只是实现其中一个示例的副本，请确保包含相关资源。例如，如果您使用标准示例的示例代码，则需要js、css和img文件夹（及其内容）来获得相同的外观。一旦您了解了示例的设置方式，您就可以（并且应该）将这些替换为您自己的样式和图像。

于 2012-10-04T20:10:39.560 回答
0

嗨，看看https://github.com/brenelz/Content-Slider，如果基本的 JQuery 滑块没有，它可能无法满足您的需求。

于 2012-10-04T20:22:36.927 回答