效果：把所有图片文章的以分页图片列表形式显示，形成整个网站的图库。

效果如图：

看不到图的朋友可以到看这个网址：http://www.jfhao.com/Article/ShowClass.asp?Id=607效果

下面讲一下实现方法：

1。首先新建一个SQL标签，取名叫“减肥图库”。Ajax调用选“否”，再选 “终级分页标签”

2。点下一步。查询语句为：select ID,Tid,Title,Picurl from KS_Article where deltf=0 and verific=1 and picnews=1 order by id desc    

在循环体里填 <div><ul>[loop=6]<li class="photo"><A title="{$Field(Title,Text,0,,0,)}" href="{$Field(ID,GetInfoUrl,1,1)}" target=_blank><img alt="{$Field(Title,Text,0,,0,)}" src="{$Field(Picurl,Text,0,,0,)}" onload="ResizeImage(this, 130, 130);" /><p><a href="{$Field(ID,GetInfoUrl,1,1)}" target=_blank>{$Field(Title,Text,20,,0,)}</a></p></li>[/loop]</ul></div>

PS：这是一行显示6个图片的，如果你想一页里显8行。那就要重复复制8次上面在循环体里的代码了。

点下一步完成就OK了。

4，在你的模版里用标签{SQL_减肥图库()}   就OK了～～

欢迎和大家交流，本人最新小站www.jfhao.com。多多指教。谢谢。有什么不懂的可以加QQ：109777946。

我看到班竹把我的CSS的一个帖子给删了。

另外我看到我上面发的有些内容都没显示全。是不是你把宽度加了个overflow:hidden;....

为了大家看到上面的查询语句，我再发一次

select ID,Tid,Title,Picurl from KS_Article where deltf=0 and verific=1 and picnews=1 order by id desc

循环体里为<div><ul>[loop=6]<li class="photo"><A title="{$Field(Title,Text,0,,0,)}" href="{$Field(ID,GetInfoUrl,1,1)}" target=_blank><img alt="{$Field(Title,Text,0,,0,)}" src="{$Field(Picurl,Text,0,,0,)}" onload="ResizeImage(this, 130, 130);" /><p><a href="{$Field(ID,GetInfoUrl,1,1)}" target=_blank>{$Field(Title,Text,20,,0,)}</a></p></li>[/loop]</ul></div>