码迷,mamicode.com
首页 > Web开发 > 详细

phpcms V9 广告模块 循环调用广告轮播(首个广告跟最后一个广告样式判断)

时间:2017-07-12 23:32:15      阅读:255      评论:0      收藏:0      [点我收藏+]

标签:phpcms v9 广告模块 循环调用广告轮播(首个广告跟最后一个广告样式判断)

先看一下百叶窗广告列表效果图:

技术分享

在看一下html代码部分:

<div class="flash4" style="margin-top: 50px">

            
      <ul> 
	            		 
    	<li class="first" style="width: 538px;">
            <div class="imgTop"><img src="http://*.maifang158.com/uploadfile/2017/0705/20170705112019277.jpg" width="538" height="405" alt="新品分类" class="tm"></div>
            <div class="imgCen" style="display: block;">新品分类</div>
            <div class="imgBot"><a href="#"><p class="bt_1">新品分类</p><p class="bt_2" style="display: block;"><span>震撼来临</span></p></a></div>
        </li>
        		 
    	<li style="width: 107px;">
        	<div class="imgTop"><img src="http://*.maifang158.com/uploadfile/2017/0704/20170704064031577.jpg" width="538" height="405" alt="原创分类" class="tm"></div>
            <div class="imgCen" style="display: none;">原创分类</div>
            <div class="imgBot"><a href="#"><p class="bt_1">原创分类</p><p class="bt_2" style="display: none;"><span>原创分类</span></p></a></div>
        </li>
        		 
    	<li style="width: 107px;">
        	<div class="imgTop"><img src="http://*.maifang158.com/uploadfile/2017/0704/20170704063915862.jpg" width="538" height="405" alt="进口分类" class="tm"></div>
            <div class="imgCen" style="display: none;">进口分类</div>
            <div class="imgBot"><a href="#"><p class="bt_1">进口分类</p><p class="bt_2" style="display: none;"><span>进口分类</span></p></a></div>
        </li>
        		 
    	<li style="width: 107px;">
        	<div class="imgTop"><img src="http://*.maifang158.com/uploadfile/2017/0704/20170704063931264.jpg" width="538" height="405" alt="现货分类" class="tm"></div>
            <div class="imgCen" style="display: none;">现货分类</div>
            <div class="imgBot"><a href="#"><p class="bt_1">现货分类</p><p class="bt_2" style="display: none;"><span>现货分类</span></p></a></div>
        </li>
        		 
    	<li style="width: 107px;">
        	<div class="imgTop"><img src="http://*.maifang158.com/uploadfile/2017/0705/20170705112109720.jpg" width="538" height="405" alt="轻奢分类" class="tm"></div>
            <div class="imgCen" style="display: none;">轻奢分类</div>
            <div class="imgBot"><a href="#"><p class="bt_1">轻奢分类</p><p class="bt_2" style="display: none;"><span>轻奢分类</span></p></a></div>
        </li>
        		 
    	<li style="width: 107px;">
        	<div class="imgTop"><img src="http://*.maifang158.com/uploadfile/2017/0704/20170704063800847.jpg" width="538" height="405" alt="定制分类" class="tm"></div>
            <div class="imgCen" style="display: none;">定制分类</div>
            <div class="imgBot"><a href="#"><p class="bt_1">定制分类</p><p class="bt_2" style="display: none;"><span></span></p></a></div>
        </li>
        		 
    	<li class="fast" style="width: 107px;">
        	<div class="imgTop"><img src="http://*.maifang158.com/uploadfile/2017/0704/20170704063800847.jpg" width="538" height="405" alt="其他分类" class="tm"></div>
            <div class="imgCen" style="display: none;">其他分类</div>
            <div class="imgBot"><a href="#"><p class="bt_1">其他分类</p><p class="bt_2" style="display: none;"><span></span></p></a></div>
        </li>
            
      </ul>     
        

</div>


在来看一下标签调用:

      {pc:content  action="ads" spaceid="12" order="listorder ASC" num="7"}      
      <ul> 
	    {php $a=0;}
        {loop $data $r}
		{php $a++;} 
    	<li {if $a==1}class="first"{elseif $a==7}class="fast"{/if}>
        	<div class="imgTop"><img src="{$r[‘imageurl‘]}" width="538" height="405"  alt="{$r[‘title‘]}" class="tm"></div>
            <div class="imgCen">{$r[‘title‘]}</div>
            <div class="imgBot"><a href="{$r[‘url‘]}"><p class="bt_1">{$r[‘title‘]}</p><p class="bt_2"><span>{$r[‘alt‘]}</span></p></a></div>
        </li>
        {/loop}    
      </ul>     
      {/pc}


这里spaceid="12",12是我这里的广告为ID,

这里的用{php $a=0;}{loop $data $r}{php $a++;}来做递增循环没有别的意思,就当作是7个广告按1-7排序输出,这里我们就可以用if来判断1-7个广告中的首个广告跟最后一个广告的样式了,并不需要输出$a。当$a==1;的时候就是首个广告,当$a==7;的时候就是最后一个广告。


下面的{$r[‘imageurl‘]}就是广告图片地址,{$r[‘title‘]}就是广告的标题,{$r[‘url‘]}就是广告链接,{$r[‘alt‘]}就是广告的文字说明了。


下面还是上一张图吧:

技术分享

本文出自 “Jack_phpcms” 博客,请务必保留此出处http://maifang158.blog.51cto.com/5433990/1946794

phpcms V9 广告模块 循环调用广告轮播(首个广告跟最后一个广告样式判断)

标签:phpcms v9 广告模块 循环调用广告轮播(首个广告跟最后一个广告样式判断)

原文地址:http://maifang158.blog.51cto.com/5433990/1946794

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!