先看一下百叶窗广告列表效果图:
在看一下html代码部分:
<div class="flash5" 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>
具体方法函数文件:phpcms/modules/content/classes/content_tag.class.php
增加一下函数:
/** * 广告位循环调用 * @param $data */ public function ads($data) { $this->dbads = pc_base::load_model('poster_model'); $where = '1'; $spaceid = $data['spaceid'] ? intval($data['spaceid']) :""; if ($spaceid) $where .= " AND `spaceid`='".$spaceid."' AND disabled='0'" ; $return= $this->dbads->select($where, '*', $data['limit'], $data['order']); $result=array(); foreach ($return AS $value){ $result[$value['id']]['title']=$value['name']; $temp=string2array($value['setting']); $result[$value['id']]['alt']=$temp['1']['alt']; $result[$value['id']]['imageurl']=$temp['1']['imageurl']; $result[$value['id']]['url']=$temp['1']['linkurl']; } return $result; }
在来看一下标签调用:
{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']}就是广告的文字说明了。
下面还是上一张图吧:
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。