关于调用图片

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

　　首先看下效果:
 

　　再看下代码:

  　 <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>中的１２０和９０分别是图片的宽度和高度．

　　大伙看明白了吧！不明白的可以到官方论坛发帖．