需要快速收录的请联系QQ:2303230985点击这里给我发消息
当前位置:搜123网站分类目录 » 站长资讯 » 网站运营 » 文章详细 订阅RssFeed

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

来源:本站原创 浏览:5682次 时间:2016-07-29

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

比如情况是这样的:我建立了一个独立模型,然后添加了一个自定义表单图片picname1
我在内容页调用{dede:field.picname1 /}
系统调用出来的带有模板,如下

<li>
<a href=’/uploads/140420/1-140420164Z2914.jpg’ target=’_blank’><img src=’/uploads/140420/1-140420164Z2914.jpg’ width=’253′ border=’0’/></a>
<br />
<a href=’/uploads/140420/1-140420164Z2914.jpg’ target=’_blank’></a>
</li>

我想掉去这个模板,只调用地址,该怎么解决呢?

“在文章页直接调用dede织梦自定义字段图片地址”简单的解决办法

dedecms文章调用图片解决办法

修改自定义的模型中的图片字段,选择图片(仅网址)这个属性,保存之后就行了。

下面附上dedecms在列表页和首页关于自定义字段 图片的详细调用方法

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

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

一、新建一个模型,这个模型下共新添加两个字段:大图、小图。至于链接地址我直接使用的是跳转地址。其他设置默认即可。

大图、小图字段都这样添加
大图、小图字段都这样添加

二、新建一个栏目,模型选择刚才新建的模型”幻灯片“

最好设置为隐藏该栏目
最好设置为隐藏该栏目

三、设置好以后在该栏目下新建需要显示的文档数目即可。我这里需要7个大图,那么我就建立了七个文档。

 

新建七个文档

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

 

注意上图填写
注意上图填写

五、下面就是开始调用了,我是用在头部的。

如果直接用一般的调用方法,直接用调用字段名的方法是显然就会出现如开头所说的现象。下面我们就来开始修改下程序,以便可以直接调用图片地址:

六、创建自定义函数

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

function GetOneImgUrl($img,$ftype=1){
if($img <> ”){
$dtp = new DedeTagParse();
$dtp->LoadSource($img);
if(is_array($dtp->CTags)){
foreach($dtp->CTags as $ctag){
if($ctag->GetName()==’img’){
$width = $ctag->GetAtt(‘width’);
$height = $ctag->GetAtt(‘height’);
$imgurl = trim($ctag->GetInnerText());
$img = ”;
if($imgurl != ”){
if($ftype==1){
$img .= $imgurl;
}
else{
$img .= ‘<img src=”‘.$imgurl.'” width=”‘.$width.'” height=”‘.$height.'” />';
}
}

}
}
}
$dtp->Clear();
return $img;
}
}

七、下面就可以开始调用图片地址了。

[field:自定义图片字段名 function=”GetOneImgUrl(@me,显示类型)”/]

比如:我们的自定义图片字段名为 datu 和 xiaotu,

只举例调用datu字段的方法,那么调用方式有以下两种:

[field:datu function=’GetOneImgUrl(@me,0)’/] 调用图片的信息,自动调用宽度和高度(已包含Html代码的<img />)

[field:datu function=’GetOneImgUrl(@me,1)’/] 只调用图片地址,一般可用于背景图嵌套

八、具体到调用代码里面的调用方法就是:

{dede:arclist typeid=’12’ addfields=’datu’ channelid=’17’ limit=’0,7′}

<li><a href=”[field:arcurl/]” target=”_blank”><img border=”0″ src=”[field:datu function=’GetOneImgUrl(@me,1)’/]”></a></li>

{/dede:arclist}

注意:上面蓝色的为要调用的字段要写进去,紫色为模型的颜色。

最新点入

  • 全球網址提交網全球網址提交網

    全球網址提交網是全免費的網址提交目錄,收錄國內外、各行業優秀網站,為用戶提供全面的網站分類目錄網站、優秀網站參攷、友情連結交換平臺、網站推廣服務國內免費的網站提交入口(www.urlglobalsubmit.com)。

    www.urlglobalsubmit.com
  • 国际电子商务网国际电子商务网

    欢迎访问国际电子商务网,这里有各行业信息网/B2B电子商务网站,是最方便的免费网络推广平台,已成为无数商家网络营销/网络推广的首选网站!

    www.intbtb.com
  • 超级网站目录超级网站目录

    超级网站目录全人工编辑的专业分类目录网站,收录各行业优秀网站,旨在为用户提供网站分类目录检索,优秀网站参考,网站推广服务,网站页面査询,网站提交等服务!是站长喜爱的网站分类目录网站,专业的开放分类目录!

    www.superdirectorycn.com
  • 山东欣烨化工山东欣烨化工

    山东欣烨化工是一家集科研,生产,销售医药中间体,农药中间体,橡塑助剂,阻燃剂,酚醛树脂于一体的综合性化工企业。。采用轻资产的发展路线,采用参股、租赁工厂,或者代加工的发展模式。 在东营广饶丁庄镇、淄博淄川罗村镇、淄博齐鲁化工园纬六路、潍坊市滨海经济开发区临港路工业园建有生产工厂,德州市禹城化工园。 公司技术力量雄厚,拥有完善的产品检测手段和质量保证体系,密切关注着国内外科研和生产动态,并与山东大学化工学院合作,不断开发和研发新产品,以满足客户的不同需求。

    www.sdxinyechem.cn
  • 济南欣烨生物济南欣烨生物

    现公司主导产品有:生物制药系列,医药中间体,化学溶剂系列,阻燃剂系列,化学试剂系列,颜料燃料系列,橡胶塑料系列,酚醛树脂等系列产品。

    www.sdkaikai.cn

推荐站点

  • 中国天气网中国天气网

    中国天气网官方权威发布天气预报,逐三小时天气预报,提供天气预报查询一周,天气预报15天查询,空气质量,生活指数,旅游出行,交通天气等查询服务

    www.weather.com.cn
  • 520设计网520设计网

    520设计-中国网页平面设计师交流平台,专为酷爱网页设计、界面设计的你而倾力打造。拥有设计视频教程、网页模板、设计素材、CSS3+HTML5、网页平面设计视频教程、设计师网址导航等相关内容,它将成为你设计路上的一位好伙伴!

    www.sj520.cn
  • 天极网天极网

    天极网,全球最大的中文IT门户,专注IT产品采购及应用指南,每天为广大用户提供电脑硬件,软件,数码,商情,手机,笔记本,游戏,互联网,数字家庭,教育,下载等内容,解决网友工作学习中的技术疑难,指导数字科技消费,领引时尚生活潮流.

    www.yesky.com
  • 华军软件园华军软件园

    华军软件园提供国内外最新的免费软件、共享软件下载及发布的软件下载站,包含系统软件、网络工具、杀毒安全、图形图像、媒体工具、管理软件、桌面工具、教育教学、游戏娱乐、硬件相关等软件下载,另外涉及软件行业资讯、软件使用技巧、相关软件评测、软件使用教程等相关软件行业的综合软件网站!

    www.onlinedown.net
  • ZOL下载ZOL下载

    软件下载频道(消费类软件门户媒体)提供网络软件、杀毒软件、聊天工具、系统工具、媒体播放、输入法、QQ工具、手机主题和驱动等丰富的绿色软件下载,互联网软件资源共享的宝藏!-中关村在线软件频道!

    xiazai.zol.com.cn