当前位置: 首页 > 站长资讯 > 正文页面

织梦教程:在文章页直接调用织梦自定义字段图片地址

我们在编写DEDECMS后台的会后,经常会遇到如何在文章页直接调用dede织梦自定义字段图片地址的问题,网站有很多的解决办法,众说纷纭,这里,我们彻底解决这个问题:GPW网站目录_网站网址收录与提交入口

比如情况是这样的:我建立了一个独立模型,然后添加了一个自定义表单图片picname1GPW网站目录_网站网址收录与提交入口

我在内容页调用{dede:field.picname1 /}GPW网站目录_网站网址收录与提交入口

系统调用出来的带有模板,如下GPW网站目录_网站网址收录与提交入口

  • GPW网站目录_网站网址收录与提交入口

GPW网站目录_网站网址收录与提交入口

 GPW网站目录_网站网址收录与提交入口


GPW网站目录_网站网址收录与提交入口


GPW网站目录_网站网址收录与提交入口

GPW网站目录_网站网址收录与提交入口

 GPW网站目录_网站网址收录与提交入口

我想掉去这个模板,只调用地址,该怎么解决呢?GPW网站目录_网站网址收录与提交入口

“在文章页直接调用dede织梦自定义字段图片地址”简单的解决办法GPW网站目录_网站网址收录与提交入口

 GPW网站目录_网站网址收录与提交入口

修改自定义的模型中的图片字段,选择图片(仅网址)这个属性,保存之后就行了。GPW网站目录_网站网址收录与提交入口

下面附上dedecms在列表页和首页关于自定义字段 图片的详细调用方法GPW网站目录_网站网址收录与提交入口

在默认的自定义图片字段模型调用时,一般调用出来是: {dede:img text=” width=’270′ height=’129′} /uploads/101017/1-10101H21F54P.gif {/dede:img}这样的形式。 非常明显,这样是不能正确显示的,这是自定义图片字段的处理方式造成的。要解决这个问题,我们必须得创建一个自定义函数。这里我从新建模型到自定义字段的使用来举例说明下怎么直接调用图片地址。GPW网站目录_网站网址收录与提交入口

假如我们要制作如下效果图中的幻灯片,方便在后台直接更改图片。而使用广告图片显然没法实现,我这里用的是新建一个模型,然后简历一个这个模型的栏目,再以发布文章的形式把图片添加进去,这个整个流程来说下。GPW网站目录_网站网址收录与提交入口

一、新建一个模型,这个模型下共新添加两个字段:大图、小图。至于链接地址我直接使用的是跳转地址。其他设置默认即可。GPW网站目录_网站网址收录与提交入口


GPW网站目录_网站网址收录与提交入口

大图、小图字段都这样添加GPW网站目录_网站网址收录与提交入口

二、新建一个栏目,模型选择刚才新建的模型”幻灯片“GPW网站目录_网站网址收录与提交入口


GPW网站目录_网站网址收录与提交入口

最好设置为隐藏该栏目GPW网站目录_网站网址收录与提交入口

三、设置好以后在该栏目下新建需要显示的文档数目即可。我这里需要7个大图,那么我就建立了七个文档。GPW网站目录_网站网址收录与提交入口


GPW网站目录_网站网址收录与提交入口

四、在建立文档的时候填写的方法如下图,我这里因为幻灯片点击需要调整到其他页,我没用新的字段,直接用的跳转地址更方便。GPW网站目录_网站网址收录与提交入口


GPW网站目录_网站网址收录与提交入口

注意上图填写GPW网站目录_网站网址收录与提交入口

五、下面就是开始调用了,我是用在头部的。GPW网站目录_网站网址收录与提交入口

如果直接用一般的调用方法,直接用调用字段名的方法是显然就会出现如开头所说的现象。下面我们就来开始修改下程序,以便可以直接调用图片地址:GPW网站目录_网站网址收录与提交入口

六、创建自定义函数GPW网站目录_网站网址收录与提交入口

打开 /include/extend.func. php文件(注:这个文件就是系统预留的自定义函数接口文件,主要用于二次开发用的。如果你是老版本,默认没有这个文件,自己创建一个PHP文件即可),在最下面的?>上一行加入以下函数代码:(如果结尾没有?>那就直接在最下面添加)GPW网站目录_网站网址收录与提交入口

function GetOneImgUrl($img,$ftype=1){GPW网站目录_网站网址收录与提交入口

if($img <> ”){GPW网站目录_网站网址收录与提交入口

$dtp = new DedeTagParse();GPW网站目录_网站网址收录与提交入口

$dtp->LoadSource($img);GPW网站目录_网站网址收录与提交入口

if(is_array($dtp->CTags)){GPW网站目录_网站网址收录与提交入口

foreach($dtp->CTags as $ctag){GPW网站目录_网站网址收录与提交入口

if($ctag->GetName()==’img’){GPW网站目录_网站网址收录与提交入口

$width = $ctag->GetAtt(‘width’);GPW网站目录_网站网址收录与提交入口

$height = $ctag->GetAtt(‘height’);GPW网站目录_网站网址收录与提交入口

$imgurl = trim($ctag->GetInnerText());GPW网站目录_网站网址收录与提交入口

$img = ”;GPW网站目录_网站网址收录与提交入口

if($imgurl != ”){GPW网站目录_网站网址收录与提交入口

if($ftype==1){GPW网站目录_网站网址收录与提交入口

$img .= $imgurl;GPW网站目录_网站网址收录与提交入口

}GPW网站目录_网站网址收录与提交入口

else{GPW网站目录_网站网址收录与提交入口

$img .= ‘<img src=”‘.$imgurl.'” width=”‘.$width.'” height=”‘.$height.'” />';GPW网站目录_网站网址收录与提交入口

}GPW网站目录_网站网址收录与提交入口

}GPW网站目录_网站网址收录与提交入口

}GPW网站目录_网站网址收录与提交入口

}GPW网站目录_网站网址收录与提交入口

}GPW网站目录_网站网址收录与提交入口

$dtp->Clear();GPW网站目录_网站网址收录与提交入口

return $img;GPW网站目录_网站网址收录与提交入口

}GPW网站目录_网站网址收录与提交入口

}GPW网站目录_网站网址收录与提交入口

七、下面就可以开始调用图片地址了。GPW网站目录_网站网址收录与提交入口

[field:自定义图片字段名 function=”GetOneImgUrl(@me,显示类型)”/]GPW网站目录_网站网址收录与提交入口

比如:我们的自定义图片字段名为 datu 和 xiaotu,GPW网站目录_网站网址收录与提交入口

只举例调用datu字段的方法,那么调用方式有以下两种:GPW网站目录_网站网址收录与提交入口

[field:datu function=’GetOneImgUrl(@me,0)’/] 调用图片的信息,自动调用宽度和高度(已包含Html代码的GPW网站目录_网站网址收录与提交入口

[field:datu function=’GetOneImgUrl(@me,1)’/] 只调用图片地址,一般可用于背景图嵌套GPW网站目录_网站网址收录与提交入口

八、具体到调用代码里面的调用方法就是:GPW网站目录_网站网址收录与提交入口

{dede:arclist typeid=’12’ addfields=’datu’ channelid=’17’ limit=’0,7′}GPW网站目录_网站网址收录与提交入口


  • GPW网站目录_网站网址收录与提交入口

GPW网站目录_网站网址收录与提交入口

 GPW网站目录_网站网址收录与提交入口

{/dede:arclist}GPW网站目录_网站网址收录与提交入口

注意:上面蓝色的为要调用的字段要写进去,紫色为模型的颜色。GPW网站目录_网站网址收录与提交入口

GPW网站目录_网站网址收录与提交入口

GPW网站目录_网站网址收录与提交入口

  

此文由 网站目录_网站网址收录与提交入口 编辑,未经允许不得转载!:

相关文章