1、列表页
<!--{foreach $photo as $volist}-->
<li>
<span class='info_img' ><a href='<!--{$volist.url}-->' target='_blank' >
<img src="<!--{$volist.thumbfiles}-->" alt="<!--{$volist.title}-->" />
</a></span><span class='info_title' >
<a title='<!--{$volist.title}-->' href="<!--{$volist.url}-->" target='_blank' >
<!--{$volist.title}--></a></span>
</li>
<!--{/foreach}-->
图库详情页的东西跟产品详情页的很类似，这里我贴出标签代码，有不明白的可以返回去看产品详情页。如果实在看不明白，代码贴出来了，直接拿去用。
图库图片展示部分：
<!--{if $photo.uploadfiles!=''}-->
<span class='info_img' id='imgqwe'><a id='view_bigimg' href='<!--{$photo.uploadfiles}-->' title="查看大图" target='_blank'><img id='view_img' border='0' style="width:350px; height:200px" onload="javascript:DrawImage(this,'200','200');" src='<!--{$photo.uploadfiles}-->'></a>
</span>
<script type='text/javascript'>var zoomImagesURI = '<!--{$skinpath}-->images/zoom/';</script>
<script src='<!--{$skinpath}-->js/zoom.js' language='javascript' type='text/javascript'></script>
<script src='<!--{$skinpath}-->js/zoomhtml.js' language='javascript' type='text/javascript'></script>
<script type='text/javascript'> window.onload==setupZoom(); </script>
<!--{else}-->
<span class='info_img'><img id='view_img' border='0' onload="javascript:DrawImage(this,'200','200');" src='<!--{$photo.thumbfiles}-->'></span>
<!--{/if}-->
<div style="padding-top:5px;"></div>
<span class='other' onmouseover="changepic('<!--{$photo.uploadfiles}-->')"><img border='0' width="50" height="50" src='<!--{$photo.thumbfiles}-->'></span>
<!--{if !empty($photo.gallery)}-->
<!--{foreach $photo.gallery as $val}-->
<span class='other' onmouseover="changepic('<!--{$val.imgurl}-->')"><img border='0' width="50" height="50" src='<!--{$val.imgthumb}-->'></span>
<!--{/foreach}-->
<!--{/if}-->
可以看到里面用到的JS引用文件，直接在默认模板文件夹里找到拿去用就可以了。
<script language="javascript">
function changepic(val){
$("#view_img").attr("src",val);
$("#view_bigimg").attr("href",val)
}
</script>
这是JS触发片段。
其它：
标题：<!--{$photo.title}-->
分类：<a href="<!--{$catinfo.url}-->"><!--{$catinfo.catname}--></a>
点击次数：<!--{$photo.hits}-->
日期：<!--{$photo.addtime|date_format:'%Y-%m-%d'}-->
内容：<!--{$photo.content}-->