打開tag_picpicture.html，我們會看到

　　{loop $pictures $i $picture}

　　$i是用來判斷幾列的

　　利用這個(gè)i來和系統(tǒng)設(shè)置的$cols 做比較

　　利用他們的余數(shù)來判斷是否分行

　　<img src='{$picture[thumb]}' alt="{$picture[alt]}" width='{$imgwidth}' height='{$imgheight}'> 這里面就是你在發(fā)布圖片時(shí)候選的 縮略圖的大小

　　<a href='{$picture[url]}' target='_blank' title="{$picture[alt]}"[/color]>{$picture[title]}</a>

　　這幾個(gè)分別是圖片的地址 圖片的提示 圖片的標(biāo)題

　　{if $descriptionlen}

　　<tr>

　　<td>{$picture[content]} <a href='{$picture[url]}' target='_blank'>詳細(xì)>></a></td>

　　</tr>

　　{/if}

　　這一句是，如果允許顯示說明，則顯示具體的說明信息

　　在tag_picturelist.html中，顯示的東西則比縮略圖模板要多

　　{$picture[img]} 標(biāo)題圖片

　　{$picture[catname]} 所屬欄目

　　<a href="{$picture[url]}" title="{$picture[alt]}" target="{$picture[target]}" class="tag_title_link{$picture[fonttype]}">{$picture[title]}</a> 圖片標(biāo)題及路徑

　　{if $showhits}({$picture[hits]}){/if} 如果允許顯示點(diǎn)擊數(shù)，則顯示點(diǎn)擊數(shù)

　　{if $showauthor}[作者:{$picture[author]}]{/if} 顯示作者

　　{if $datetype}[<span class="tag_date">{$picture[adddate]}</span>]{/if} 顯示添加時(shí)間

　　{if $descriptionlen}{$picture[content]}{/if} 顯示說明

　　圖片內(nèi)容頁content.html的制作

　　打開這個(gè)網(wǎng)頁

　　<script language=javascript type=text/javascript>

　　function fontZoom(size)

　　{

　　document.getElementById('{$addtime}l').style.fontSize=size 'px'

　　}

　　var pictureurl=new Array();

　　var picturename=new Array();

　　{loop $pictureurls $id $pic}

　　pictureurl[{$id}] = "{$pic[url]}";

　　picturename[{$id}] = "{$pic[name]}";

　　{/loop}

　　</script>

　　這個(gè)js函數(shù)是字體縮放函數(shù)

　　<!--圖片瀏覽JS開始-->

　　<script language=JavaScript>

　　<!-- Begin

　　var rotate_delay =4000; // delay in milliseconds (1000 = 1 secs)

　　current = 0;

　　function next() {

　　if(document.slideform.slide[current 1])

　　{

　　if(document.all){

　　document.images.show.style.filter="blendTrans(duration=2)"