0

我按照说明使 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 carousel 的 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;
 }
4

1 回答 1

0

您必须先加载 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>
于 2012-11-25T12:47:39.997 回答