phpcms之 轮播图的添加

对于网站前边的轮播图，我们的图片应该也是写死到前端页面的，如果我们想让后台的工作人员自己添加轮播图呢，phpcms也有图片的模板，我们只要把用户传入的图片链接倒进去即可，如下

这里是轮播图的地方，我们只需要吧这里的图片换成用户上传的图片链接即可，我们为了方便，把这里单独抽取出来一个模块作为listLunBo.html

而原来的index.html则换成这个

接下来我们新建一个栏目，其名为轮播图

并且发现栏目模板可以选择listLunBo

管理内容找到轮播图我们往里边添加内容

选中图片点击开始上传

点击确定

这个时候还没完，我们点击缩略图

上传本图片作为缩略图

显示这样后我们点击保存发表

当然我们也要记得去循环listLunBo.html里边的内容

如下

<div class="focus fl">
    <ul>
        {pc:content action="lists" catid="12"  siteid="$siteid"   order="listorder DESC"}
    {loop $data $r}
        <li>
            <img src="{thumb($r[thumb], 368, 238)}">
            <div class="focusText">
        <a href="{$r[url]}">{$r[title]}</a>
      </div>
        </li>
        {/loop}
        {/pc}
    </ul>
    <div class="dots"></div>
</div>

这里的循环仍旧是lists循环，毕竟这就是一个一个的list嘛，然后catid指定轮播图的ID

{thumb($r[thumb], 368, 238)}

这个则是图片的缩略图，就是轮播图显示的页面，固定格式就是这样，后边的368和238则是图片的大小，可以自己制定，如下就是这样

点击文字就可以跳转到指定页面，你会发现，我跳了，但是里边没有我穿的图片/???,amazing!我们用的是show.html模板，这是一个写文章的模板，只是写文章{$content}似乎只支持文字，对于图片如何搞？别慌，我们新建一个showPic.html,并把show.html里边的东西复制过去

修改成这样，就可以显示图片了，别急，我们再去修改一下模板

把这里修改成showPic.html这个模板

然后更新缓存，再次打开，我们会发现自己填进去的图片

发现这图片太大了，我们可以自己指定他的大小，就是前端的事儿了，自己可以修改的。

到此我们的轮播图添加完成