0

我在 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 文档中有关于加载动态内容的解释,但我不知道如何使用它,因为我正在从模型中读取内容,我不想为 yii 使用任何 JCarousal 扩展,因为我需要做一些更改源代码以使其适用于多行...任何人都可以帮助解决这个问题吗?

4

0 回答 0