1. ホーム
  2. 質問と答え
  3. 縦型jCarousel with Ajax and PHP

縦型jCarousel with Ajax and PHP

2009-07-13 16 views

答えて

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：

Hereは内部PHPスクリプトでの例ですが、あなたはそこからいくつかのインスピレーションを得ることができます。

出典

2009-07-13 20:25:18 freiksenet

関連する問題

 関連する問題