Jquery Slidesjs插件
我是jquery的新手。我想在我的网站上放一个幻灯片插件。我遇到了这个“slidesjs”插件,我试着把它放在我的页面上,但它似乎不起作用。这是我的密码:Jquery Slidesjs插件,jquery,Jquery,我是jquery的新手。我想在我的网站上放一个幻灯片插件。我遇到了这个“slidesjs”插件,我试着把它放在我的页面上,但它似乎不起作用。这是我的密码: <style type="text/css" media="screen"> .slides_container { width:570px; height:270px; } .slides_container div {
<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.,它解决了问题,但仍然不对。请看一下我的屏幕截图@卡兹,你能解释一下“不对”吗?您是指导航元素缺少样式吗?