標籤:phpcms v9 廣告模組 迴圈調用廣告輪播(首個廣告跟最後一個廣告樣式判斷)
先看一下百葉窗廣告列表:
650) this.width=650;" src="https://s3.51cto.com/wyfs02/M00/9B/B0/wKioL1ll6BGB6ohFAADRVJGNF8Y016.jpg-wh_500x0-wm_3-wmp_4-s_1431726707.jpg" title="QQ20170712171149.jpg" alt="wKioL1ll6BGB6ohFAADRVJGNF8Y016.jpg-wh_50" />
在看一下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‘]}就是廣告的文字說明了。
下面還是上一張圖吧:
650) this.width=650;" src="https://s2.51cto.com/wyfs02/M00/9B/B1/wKiom1ll6xLiSbeoAACc72-EGMw713.jpg-wh_500x0-wm_3-wmp_4-s_2231759270.jpg" title="QQ20170712172442.jpg" alt="wKiom1ll6xLiSbeoAACc72-EGMw713.jpg-wh_50" />
本文出自 “Jack_phpcms” 部落格,請務必保留此出處http://maifang158.blog.51cto.com/5433990/1946794
phpcms V9 廣告模組 迴圈調用廣告輪播(首個廣告跟最後一個廣告樣式判斷)