宏博CMS教程：关于调用图片

有许多站长朋友问我图片的调用方法,回复许多,但都说我讲的不细致,今天就以福星工作室首页的案例展示为例来讲一下:

　　首先看下效果:
 

再看下代码:

　　 <div class="mframe b1" style="width:589px; float:left">
　　　　　　　　　  <div class="tm"><span class="tt">案例展示</span></div>
　　　　　　　　　  <div class="mm">
　　　　　　　　　  <div class="imgList">
　　　　　　　　　  <ul>
　　　<{assign var="new_img" value="1"}>
　　 　　<{foreach name=new_article_data item=item_info from=$data_ary.new_article[11]}>
　　　  　<{if $new_img <= 4 && $item_info.icon_url !=''}>
　　　 　 <{assign var="new_img" value="`$new_img+1`"}>
　　　　　　　　　  <li style="width:25%"><a href="<{$item_info.url}>"  target="_blank"  title="<{$item_info.title|strip_tags:true}>"><img src="<{$item_info.icon_url|replace:"small":"big"}>" alt="<{$item_info.title|strip_tags:true}>" width="120" height="90"/><{$item_info.title|cn_truncate:10:"...":true}></a></li>
　　　　<{/if}>
　　　　<{/foreach}>
　　　　　　　　　  </ul>
　　　　　　　　　  </div>
　　　　　　　　　  </div>
　　　　　　　  </div>
　　代码解释:

　　<{foreach name=new_article_data item=item_info from=$data_ary.new_article[11]}>中的11表示ID为11的栏目，福星工作室的案例展示栏目ID为11．

　　<{if $new_img <= 4 && $item_info.icon_url !=''}>中的４表示调用４个图片．

　　<li style="width:25%"><a href="<{$item_info.url}>"  target="_blank"  title="<{$item_info.title|strip_tags:true}>"><img src="<{$item_info.icon_url|replace:"small":"big"}>" alt="<{$item_info.title|strip_tags:true}>" width="120" height="90"/><{$item_info.title|cn_truncate:10:"...":true}></a></li>中的１２０和９０分别是图片的宽度和高度．