欢迎来到六久阁织梦模板网!
织梦dedecms图片联动筛选教程

织梦dedecms图片联动筛选教程

浏览次数: 0

作者: 六久阁织梦模板网

信息来源: 六久阁

更新日期: 2018-04-02

文章简介

这标题起的好像不太好理解,什么是使用图片联动筛选?正常织梦的联动筛选是如下图所示: 现在我们要实现的目标是把第一行筛选变成用图片代替文本的筛选 若不会织梦 dedecms 筛选,请看教程: http://www.lol9.cn/dedecj/195.html 思路: 思路 1: 可不可以在

  • 正文开始
  • 热门文章

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

 织梦dedecms图片联动筛选教程

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

若不会织梦dedecms筛选,请看教程:http://www.lol9.cn/dedecj/195.html

 

思路:

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

 

思路2:可不可以根据生成的筛选链接直接在模板里面添加<img src="">,代码如下所示:

<a title="红色" href="/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里面的代码全部替换成如下代码:

               

switch ($type) {
                    case 1:
                        $dede_addonfields .= (preg_match("/&".$ctag->GetName()."=/is",$filterarr,$regm) ? '<a title="全部" href="'.str_replace("&".$ctag->GetName()."=".$fields_value,"",$filterarr).'">全部</a>' : '<span>全部</span>').' ';
                   
                        $addonfields_items = explode(",",$ctag->GetAtt('default'));
                        for ($i=0; $i<count($addonfields_items); $i++)
                        {
                            $href = stripos($filterarr,$ctag->GetName().'=') ? str_replace("=".$fields_value,"=".urlencode($addonfields_items[$i]),$filterarr) : $filterarr.'&'.$ctag->GetName().'='.urlencode($addonfields_items[$i]);//echo $href;
                            $dede_addonfields .= ($fields_value!=urlencode($addonfields_items[$i]) ? '<a title="'.$addonfields_items[$i].'" href="'.$href.'"><img src="/sx0'.$i.'.gif"></a>' : '<span><img src="/sx0'.$i.'.gif"></a></span>')." ";
                        }
                        $dede_addonfields .= '<br/>';
                    break;
                   
                    case 2:
                            $dede_addonfields .= (preg_match("/&".$ctag->GetName()."=/is",$filterarr,$regm) ? '<a title="全部" href="'.str_replace("&".$ctag->GetName()."=".$fields_value,"",$filterarr).'">全部</a>' : '<span>全部</span>').' ';
                   
                        $addonfields_items = explode(",",$ctag->GetAtt('default'));
                        for ($i=0; $i<count($addonfields_items); $i++)
                        {
                            $href = stripos($filterarr,$ctag->GetName().'=') ? str_replace("=".$fields_value,"=".urlencode($addonfields_items[$i]),$filterarr) : $filterarr.'&'.$ctag->GetName().'='.urlencode($addonfields_items[$i]);//echo $href;
                            $dede_addonfields .= ($fields_value!=urlencode($addonfields_items[$i]) ? '<a title="'.$addonfields_items[$i].'" href="'.$href.'">'.$addonfields_items[$i].'</a>' : '<span>'.$addonfields_items[$i].'</span>')." ";
                        }
                        $dede_addonfields .= '<br/>';
                    break;
                }

 

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

 

  “全部”可以在上面的代码把全部替换成<img src="">即可,可以参考上面我替换好的:

<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}

复制代码

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


织梦二次开发QQ群

本站客服QQ号:862782808(点击左边QQ号交流),群号(383578617) DedeCMS织梦教程QQ群 如果您有任何织梦问题,请把问题发到群里,阁主将为您写解决教程!

转载请注明: 织梦模板 » 织梦dedecms图片联动筛选教程

  • 织梦dedecms手机站m目录下不生成index.html实现动态更新
    阅读
    用 织梦建站 会手机站首页不更新的苦恼,每次 PC 更新,要去删除 m 目录下的 index.html ,手机站首页才会更新,这样很麻烦,通过以下修改,让手机站首页是动态的,不生成 index.html , PC 端更新后,手机端首页自动更新。 把 \m\index.php 里面的 $row[sho...
  • 织梦Fatal error: Call to undefined function make_hash() in /dede/sys_info.php on line 201的解决方法
    阅读
    织梦系统安装好后,进入后台,出现Fatal error: Call to undefined function make_hash() in /dede/sys_info.php on line 201 一般出现这个问题是因为升级网站引起的。我们可以直接把错误提示这段代码删除或者屏蔽就行了。 打开/dede/sys_info.php,找到201...
  • 织梦Dedecms 5.7 火车头采集免登陆发布接口适配PHP7.X插件
    阅读
    最近有粉丝说,之前用的火车头发布文章时,用免登陆接口在PHP7.0环境中显示空白,于是今天抽空更新了一下插件(话说,DedeCms早期版本无法在PHP7.X运行,用最新版的!),那么接下来的代码就是插件发布模块无须变更,只需要变更接口插件就可以了 ?php/*/////...
  • 织梦dedecms系统多城市分站功能开发思路
    阅读
    当前很多人用织梦dedecms系统建站,多城市分站对地方性长尾关键词和全国市场的推广有着很大的帮助,今天和大家分享下如何实现织梦dedecms系统多城市分站功能。 方法/步骤 织梦dede城市分站有三种方法: 第一种是建立N多个模板,有多少个城市建立多少个模板,...
  • 织梦dedecms提交自定义表单后发送到指定邮箱
    阅读
    网上很多教程都是用 dedecms 自带的邮件库发送邮件,而且是写死要发送的字段内容,今天我们用 phpmailer 来给站长发送自定义表单提交的数据到指定邮箱上 (QQ 邮箱, 163 邮箱都可以 ) ,不写死任何东西,有什么字段就提交发送什么字段。 操作之前,我们要先...
  • 织梦5.7火车头免登陆文章发布模块采集后自动更新织梦整站
    阅读
    织梦5.7火车头免登陆文章发布模块采集后自动更新织梦整站详细步骤: 1、下载文档后,把DedeCMS免登陆接口文章发布模块DedeCMS 5.7 免登陆接口文章发布模块.wpm复制到火车头采集规则文件夹Module下; 2、选择您网站对应的接口文件.如您网站是gbk编码,请选择 g...
  • dedecms织梦ckplayer视频播放器插件详细安装教程
    阅读
    织梦 ckplayer 视频播放器插件安装步骤: 第一步、下载安装插件。下载地址:点击此处 将下载下来的压缩包中的相应编码的模块文件解压出来再上传到织梦程序的 data/module/ 文件夹内或者直接在后台模块管理菜单里面选择上传新模块安装即可。如下图: 1.1 )上...
  • 织梦采集侠破解版自动采集触发教程24小时触发自动审核自动更新
    阅读
    最新采集侠V2.9.2破解版,可以在网站进行全自动数据采集,采集侠破解版可以帮助用户快速提升自己网站的Seo排名。 织梦采集侠是一款基于dedecms的一套根据关键词自动采集,无须编写复杂的采集规则,自动伪原创,自动发布内容的绿色插件。简单配置好后能实现24...
  • 织梦dedecms网站添加打赏功能
    阅读
    有时我们看到别人家的织梦dedecms网站有打赏功能,是不是羡慕嫉妒恨呢?今天我来给大家讲讲织梦网站怎么添加支付宝、微信打赏功能。 二、首先登陆畅言后台(没有畅言账号的首先注册账号) 三、进入后台,找到实验室--打赏 四、设置配置信息,保存。 五、复制...
  • 织梦火车头采集免登陆接口采集文章后自动更新栏目、首页、文章页,实现自动化采集
    阅读
    最近用织梦dedecms程序采集文章时候,发现每次采集都要去后台更新一下文章、栏目、上下篇以及首页,操作起来真心麻烦,后面在网上收集了一些代码以及经过自己调试,发现居然可以自动更新文章页以及栏目、首页。真心爽,这样子就能稳稳的挂机采集了哈。这是免...
收藏此文 打赏本站

如本文对您有帮助,就请六久阁织梦模板网抽根烟吧!

  • 支付宝打赏
    支付宝扫描打赏
    微信打赏
    微信扫描打赏
织梦日历时间在表单中的使用教程
« 上一篇 2018年04月02日
织梦dedecms后台文章数据导出到excel教程
下一篇 » 2018年03月31日

精彩评论

有问题在这里提问,阁主会为你解决!
  • 全部评论(0
    还没有评论,快来抢沙发吧!
推荐织梦插件更多
更新时间:2018-04-17

人已经看过了!

更新时间:2017-10-15

人已经看过了!

更新时间:2018-05-25

人已经看过了!

更新时间:2019-10-03

人已经看过了!

更新时间:2019-08-03

人已经看过了!

推荐精品模板更多
高端大气装修装饰公司营销官网(带手机端带筛选)
更新时间:2017-11-01

人已经看过了!

工程建筑职业学校类织梦模板(带手机端)
更新时间:2018-04-24

人已经看过了!

响应式照明灯饰类织梦模板(自适应手机端)
更新时间:2018-04-26

人已经看过了!

家具装修装饰织梦模板(带手机端)
更新时间:2018-04-26

人已经看过了!

响应式室内设计工程施工类织梦模板(自适应手机端)
更新时间:2018-06-07

人已经看过了!