我在 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 扩展,因为我需要做一些更改源代码以使其适用于多行...任何人都可以帮助解决这个问题吗?