Jquery 如何使用硬币滑块使图像形成幻灯片？
当然，上面的代码不是所有的标记。这只是相关部分。如果你们中的任何人需要更多的完整标记来充分分析这个问题，我会遵守，因为无论我做什么，我都无法让这个插件工作 我的任务是通过硬币滑块插件使图像成为幻灯片的一部分 谢谢！！！（： 更新（2018年10月11日，美国东部时间下午2:46） 我决定展示更多的代码 更新（2018年10月11日下午2:47）Jquery 如何使用硬币滑块使图像形成幻灯片？,jquery,plugins,widget,Jquery,Plugins,Widget,当然，上面的代码不是所有的标记。这只是相关部分。如果你们中的任何人需要更多的完整标记来充分分析这个问题，我会遵守，因为无论我做什么，我都无法让这个插件工作 我的任务是通过硬币滑块插件使图像成为幻灯片的一部分 谢谢！！！（： 更新（2018年10月11日，美国东部时间下午2:46） 我决定展示更多的代码 更新（2018年10月11日下午2:47） 这很奇怪。使用Google Chrome，我在浏览器控制台中没有任何错误。我同时使用外部样式表和硬币滑块样式表，大约1 KB。两个图像的相对路径都是正确
这很奇怪。使用Google Chrome，我在浏览器控制台中没有任何错误。我同时使用外部样式表和硬币滑块样式表，大约1 KB。两个图像的相对路径都是正确的，因为它们确实显示在元素中，但它们并排出现。我检查了文件名以确保存在没有输入错误和nada。此外，我正在使用jQuery库的缩小版3.3.1。可能的问题： 1） 您可能不包括css，所以您需要为这个插件包含css样式文件 2） 可能您的控制台中有一个javascript错误，所以您需要修复它以让插件工作 3） 我的你包括没有存在的图像，或错误的图像路径 所以你需要检查这些点 您可以检查以下示例：
$（文档）.ready（函数（）{
$（'#硬币滑块'）。硬币滑块（）；
});
/*
硬币滑块jQuery插件CSS样式
http://workshop.rs/projects/coin-slider
*/
.coin滑块{溢出：隐藏；缩放：1；位置：相对；}
.coin滑块a{文本装饰：无；轮廓：无；边框：无；}
.cs按钮{font size:0px；padding:10px；float:left；}
.cs按钮a{左边距：5px；高度：10px；宽度：10px；浮动：左；边框：1px实心#B8C4CF；颜色：#B8C4CF；文本缩进：-1000px；}
.cs活动{背景色：#B8C4CF；颜色：#FFFFFF；}
.cs标题{宽度：545px；填充：10px；背景色：#000000；颜色：#FFFFFF；}
.cs prev，
.cs next{背景色：#000000；颜色：#FFFFFF；填充：0px 10px；}
算出了
Modernizer库与插件冲突。一旦我把它取下来，它就开始工作了
特别感谢Anees Hikmat Abu Hmiad抽出时间回复我的帖子。你太棒了！！！：） 您能检查一下控制台中是否有错误吗？还要确保你为插件添加了一个css文件。这很奇怪。使用Google Chrome，我在浏览器控制台中没有任何错误。我使用的是我的外部样式表和硬币滑块样式表，大约需要1KB，与您的样式表相匹配。两个图像的相对路径都是正确的，因为它们确实显示在元素中，但它们并排出现。我检查了文件名以确保没有输入错误，还有nada。另外，我正在使用jQuery库的缩小版1.4.2
<link href="css/site.css" rel="stylesheet">
<link href="css/coin-slider.css" rel="stylesheet">
<style>
</style>
<script src="js/jquery.js"></script><script src="js/coin-slider.js"
</script>
<script src="js/site.js"></script><script src="js/modernizr.js"</script>
<script>
$(document).ready(function() {
$('#coin-slider').coinslider();
});
</script>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header>
<span class="search"><input class="input" type="text"
placeholder="Search here..." title="Search for content on this website
here."><input type="submit"></span>
<img class="title" src="jaja.png">
<div id="coin-slider" class="header">
<img src="city.png">
<img src="class.png">
</div>
</header>