织梦dedecms图片联动筛选教程

这标题起的好像不太好理解，什么是使用图片联动筛选？正常织梦的联动筛选是如下图所示：

现在我们要实现的目标是把第一行筛选变成用图片代替文本的筛选

若不会织梦dedecms筛选，请看教程：

思路：

思路1: 可不可以在添加字段时直接使用<img src=http://www.dede58.com/a/dedejq/"">作为筛选的字段值？这是一个网友问题这个问题时，我第一时间想到的，但是，经过测试这样不可以。

思路2：可不可以根据生成的筛选链接直接在模板里面添加<img src=http://www.dede58.com/a/dedejq/"">，代码如下所示：

<a title="红色" href=http://www.dede58.com/a/dedejq/"/plus/list.php?tid=5&yanse=%E7%BA%A2%E8%89%B2"><img src="/sx00.gif"></a>

复制代码

这样看上去就可以了，但是，要注意这样就把筛选写死了，而筛选是动态的，也就是选择不同的颜色就会有不同的内容，而且，还与下面的“类型”筛选是联动的，所以，固定好只能筛选一次，这种方法行不通。

思路3：上面两种方法试了以后，那接下来唯一要做的就是要修改php代码了，在include目录里面找到文件extend.func.php（这个文件是已经二次开发过的具体的代码请看上面给的教程连接），找到函数 AddFilter($channelid, $type=1, $fieldsnamef, $defaulttid, $loadtype='autofield')

我们在前网页前台看到的筛选连接就是这个函数生成的，所以，只要改这个函数就可以了。

找到代码：switch ($type)

把这个switch里面的代码全部替换成如下代码：

已经成功实现了，上面的“全部”和第一张图片不显示，不是因为不对，而是我没有添加上图片，只加了三张图片，您可以找到相应的图片，直接放到根目录即可。

“全部”可以在上面的代码把全部替换成<img src=http://www.dede58.com/a/dedejq/"">即可，可以参考上面我替换好的：

<img src="/sx0'.$i.'.gif"></a>

注意：

您的图片必须以00.gif,01.gif这样的顺序起名；

图片请放在根目录里面，如果您想放到根目录里面其它目录里面，请修改上面的图片路径。

模板调用请使用如下方式：

{dede:php} AddFilter(1,1,'yanse'); {/dede:php}

{dede:php} AddFilter(1,2,'leixing'); {/dede:php}

其中，AddFileter(1,1,'yanse')这里面的第二个数值代表不同的筛选链接，1表示使用图片，2表示文本链接，可以根据需要进行设置。

如果我都使用图片怎么设置，也不难，只需要把上面的case 1：复制一份放到case 2下面并起名为case3,然后，调用方式为：

{dede:php} AddFilter(1,3,'leixing'); {/dede:php}

复制代码

这样就二个筛选就可以使用图片了。