jquery - JCarousel と動的コンテンツ

Question

モデルから画像を読み込んでいるビューの 1 つで、Yii フレームワークで Jquery JCarousal を使用しています。

<ul id="first-carousel" class="first-and-second-carousel jcarousel-skin-tango">
<?php 

    foreach ($news as $newsElement) {
?>  

<li>
    <a href="<?php echo $newsElement->url ?>">
        <div class="news-title">
            <p><?php echo $newsElement->title; ?></p>
        </div>
        <img src="<?php  echo Yii::app()->getBaseUrl().IMAGE_URL.$newsElement->cover->image ?>" width="165" height="165" alt="" />
    </a>
</li>


<?php }?>

</ul>

次のように、JCarousal を使用してこれらの画像をスライドさせています。

<?php Yii::app()->clientScript->registerScript('carousel',
    "           $('.first-and-second-carousel').jcarousel({
                scroll: 1,  
                animation: 'slow',
            })

     ", CClientScript::POS_READY
    );  ?>

このコードを試してみたところ、静的コンテンツがある場合は正常に機能していましたが、現在は最初のコンテンツのみ<li>が読み込まれ、残りは表示されません。（ページのソースコードでそれらを見ることができます）。

JCarousel のドキュメントには、動的コンテンツのロードに関する説明がありますが、モデルからコンテンツを読み取っているため、使用方法がわかりませんでした。ソースコードを変更して、複数の行で動作するようにします...誰でもこれを手伝ってくれますか?