PHPCMS网站里遍历大图轮播让其显示不同图片

<!--banner start-->
    <div class="flexslider">
        <ul class="slides">
            {pc:slider  action="lists" postion="53"  siteid="$siteid" order="desc" num="3"}
            {loop $data $r}
            <li style="background:url({$r[image]}) 50% 0 no-repeat;"></li>
            {/loop}
            {/pc}
        </ul>
    </div>

    <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $(‘.flexslider‘).flexslider({
                directionNav: true,
                pauseOnAction: false
            });
        });
    </script>
    <!--banner over-->

{pc:content action="lists" catid="33" order="id" num="10" cache="3600"}
{loop $data $r}
<li>
　　<div class="a_kkkw fl"><a href="{$r[url]}" >{$r[title]}</a></div>　　　　//在后台的内容->管理内容->添加内容  然后显示一条内容里面的title名称。
　　<p class="fr">{date(‘Y-m-d‘,$r[inputtime])}</p>  //显示时间
　　<div class="clear"></div>
</li>
{/loop}
{/pc}