0

指示に従ってjcarouselを機能させました！しかし、まったく機能していません。2 つの画像をクリックしてスライドできるようにしたいと思います...ちなみに、デスクトップでローカルにオフラインでテストしています。

<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;
 }
4

1 に答える 1

0

最初に jQuery をロードし、次に jQuery を必要とするプラグインをロードする必要があります。また、jcarousel を 2 回 (縮小および通常) 参照しています。そうは言っても、これで終わります

<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 に答える