Jquery Slidesjs插件

Jquery Slidesjs插件,jquery,Jquery,我是jquery的新手。我想在我的网站上放一个幻灯片插件。我遇到了这个“slidesjs”插件,我试着把它放在我的页面上,但它似乎不起作用。这是我的密码: <style type="text/css" media="screen"> .slides_container { width:570px; height:270px; } .slides_container div {

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

.U容器{
宽度:570px;
高度:270px;
}
.U.货柜部{
宽度:570px;
高度:270px;
显示:块;
}
$(函数(){
$(“#幻灯片”).slides();
});

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

没有id为“slides”的元素,因此选择器找不到任何要转换的内容。尝试:

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


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

您好,如果基本的JQuery滑块没有满足您的需要,也许它可以满足您的需要。

很抱歉进行了编辑,但是您缺少了一个
@roXon感谢您的后续工作。)谢谢@TiesonT.,它解决了问题,但仍然不对。请看一下我的屏幕截图@卡兹,你能解释一下“不对”吗?您是指导航元素缺少样式吗?