Question

我按照指示让jcarousel工作！但它根本不起作用。我希望能够点击两张图片并让它们滑动......顺便说一下，我正在桌面上本地离线测试。

<html>
<head>
<link rel="stylesheet" type="text/css" href="css/madscore.css">
<link rel="stylesheet" type="text/css" href="css/skins/tango/skin.css" />
<script type="text/javascript" src="javascript/jquery.jcarousel.js"></script>
<script type="text/javascript" src="javascript/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="javascript/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('#carousel').jcarousel({
        // Configuration goes here
    });
});
</script>
</head>
<body>

<div class="sliding-panel">
<div id="carousel">
<ul>
<li> <img src="cube.jpg" /> </li>
<li> <img src="cube.jpg" /></li>
</ul>
</div>
</div>
</body>
</html>

以下是文件madscore.css

中id轮播的CSS

sliding-panel
{
position:absolute;
top:290;
left:300;
}

#carousel
 {
 width:5000;
 }

 #carousel ul
 {
 list-style:none;
 width:5000;
 margin:0;
 padding:0;
 position:relative;
 }

 #carousel li
 {
 display:inline;
 float:left;
 }

Answer 1

你必须首先加载jQuery，然后加载任何需要jQuery的插件。你也引用了jcarousel两次（缩小和正常）。有了这个说，我们将最终得到这个

<script type="text/javascript" src="javascript/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="javascript/jquery.jcarousel.min.js"></script>

虽然我设置正确，Jcarousel根本不工作

1 个答案: