使用Ajax和PHP的垂直jCarousel

Question

谁能帮助我如何使用Ajax实现垂直jCarousel。

Answer 1

在jCarousel文档的第一页上可以轻松找到该问题的答案，但是好的，我会在这里为您复制;）

首先下载jCarousel，并将所有源添加到您的<head>标记中。

<script type="text/javascript" src="/path/to/jquery-1.2.1.pack.js"></script>
<script type="text/javascript" src="/path/to/lib/jquery.jcarousel.pack.js"></script>
<link rel="stylesheet" type="text/css" href="/path/to/lib/jquery.jcarousel.css" />
<link rel="stylesheet" type="text/css" href="/path/to/skin/skin.css" />

然后在您希望轮播的地方放置此代码。

<ul id="mycarousel" class="jcarousel-skin-name">
   <!-- The content goes in here -->
</ul>

然后添加js代码以初始化轮播。

<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        // Carousel gonna be vertical
        vertical : true,
        // AJAX callback
        itemLoadCallback: itemLoadCallbackFunction
    });
});
</script>

然后，您需要创建itemLoadCallBackFunction，以将新项目实际动态地加载到轮播中。 基本上，一旦您获得带有索引i项目，就可以将其插入带有carousel.add(i, item) 。

UPD：

这是一个内部包含PHP脚本的示例，您可以从中得到一些启发。

使用Ajax和PHP的垂直jCarousel

问题描述

1 个解决方案

解决方案1
1 2009-07-13 20:25:18

使用Ajax和PHP的垂直jCarousel

问题描述

1 个解决方案

解决方案1 1 2009-07-13 20:25:18

解决方案1
1 2009-07-13 20:25:18