關(guān)鍵字描述：制作 模板 頻道 圖片 &quot &lt &gt picture if current

phpcms圖片頻道的模板制作

前面我們已經(jīng)講過(guò)了文章、下載頻道的模板制作，今天講完圖片頻道之后，剩下的就是專(zhuān)題的制作，雖然每個(gè)頻道都有專(zhuān)題，但是制作方法都是一樣的，我們講集中講解。好，閑話(huà)不說(shuō)，開(kāi)始講課。

打開(kāi)picture/index.html文件，我們就會(huì)發(fā)現(xiàn)都是我們前面講過(guò)很熟悉的標(biāo)簽，圖片頻道與別的頻道最大的不同，就是在顯示的時(shí)候默認(rèn)顯示的都是縮略圖，也就是我們看到的這一串標(biāo)簽

{$picpicture(0,$channelid,$cat[catid],1,0,0,10,30,0,0,0,3,1,0,130,100,5)}

因此我們主要來(lái)講這個(gè)標(biāo)簽的制作，別的頂級(jí)欄目。終極欄目的制作和文章頻道都是相同的

在picture文件夾下面以tag開(kāi)頭的文件有4個(gè)
tag_picpicture.html 圖片縮略圖調(diào)用標(biāo)簽
tag_picturelist.html 圖片標(biāo)題列表調(diào)用標(biāo)簽
tag_slidepicpicture.html 圖片幻燈片調(diào)用標(biāo)簽
tag_slidepicpicture-js.html 圖片js效果標(biāo)簽?zāi)０?br>
打開(kāi)tag_picpicture.html，我們會(huì)看到
{loop $pictures $i $picture}

$i是用來(lái)判斷幾列的
利用這個(gè)i來(lái)和系統(tǒng)設(shè)置的$cols 做比較
利用他們的余數(shù)來(lái)判斷是否分行

這里面就是你在發(fā)布圖片時(shí)候選的 縮略圖的大小
{$picture[title]}

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

{if $descriptionlen}

{$picture[content]} 詳細(xì)>>

{/if}

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


在tag_picturelist.html中，顯示的東西則比縮略圖模板要多
{$picture[img]} 標(biāo)題圖片
{$picture[catname]} 所屬欄目
{$picture[title]} 圖片標(biāo)題及路徑
{if $showhits}({$picture[hits]}){/if} 如果允許顯示點(diǎn)擊數(shù)，則顯示點(diǎn)擊數(shù)
{if $showauthor}[作者:{$picture[author]}]{/if} 顯示作者
{if $datetype}[{$picture[adddate]}]{/if} 顯示添加時(shí)間
{if $descriptionlen}{$picture[content]}{/if} 顯示說(shuō)明


圖片內(nèi)容頁(yè)content.html的制作
打開(kāi)這個(gè)網(wǎng)頁(yè)
<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ù)


<script language="JavaScript">
[db:TAGG]

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀(guān)點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。