DEDE自动调用轮播图/幻灯片
备注:
以下示例是以自动调取轮播图为例,具体使用时:步骤不变,内容据实调整即可
一、创建:
1、新建模型:
2、在新模型下依次添加字段:
【本例字段:datu、xiaotu,分别给PC端和手机端用,据实调整即可】
3、新建栏目,模型选择刚刚新建的,并隐藏栏目:
4、在该栏目下新建相应文档:
【本例加4张轮播图】
轮播图
二、调用:
1、加函数:
在include/extend.func.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 .= $imgurl.'" width="'.$width.'" height="'.$height.'" />';
}
}
}
}
}
$dtp->Clear();
return $img;
}
}
代码如上?;截图如下?
2、调用:
<ul>
{dede:arclist typeid='14' addfields='datu' channelid='17' limit='0,4' orderby='weight' orderway='asc'}
[field:weight runphp=yes]
$fields = @me;
if($fields == 1){
@me = '<li id="lb'.$fields.'" class="selected">';
}else{
@me = '<li id="lb'.$fields.'">';
}
[/field:weight]
<div class="lb_img"><img src="[field:datu function='GetOneImgUrl(@me,1)'/]"></div>
</li>
{/dede:arclist}
</ul>
代码如上?;截图如下?
DEDE自动调用轮播图/幻灯片相关推荐
- html5轮播怎么自动换图,如何使用JavaScript实现“无缝滚动 自动播放”轮播图效果...
在一些项目开发中,我们经常需要使用到轮播图,但是没有深入学习的情况下做轮播图是非常困难的. 思路 分成小问题来解决 1. 动态生成序号12345 页面有多少li(图片),就有多少序号 2. 点击序号. ...
- Android 自动广告轮播图
近来项目忙完了,觉得自己的自动广告轮播 蛮不错的 ,所以分享出来.先说说他的功能,第一能够实现自动轮播 图片 ,第二可以修改自动更换广告条的小点默认是圆形的 可以修改为小的正方向 ,同时 还可以修改 ...
- html图片自动循环轮播图,js实现图片无缝循环轮播
本文实例为大家分享了js实现图片无缝循环轮播的具体代码,供大家参考,具体内容如下 代码如下 Document #container{ overflow:hidden; width:400px; hei ...
- jQuery自动播放轮播图
效果展示 轮播图 css * {margin: 0;padding: 0;list-style: none; } * div.wrap {width: 600px;height: 400px;bord ...
- JS轮播图(点击切换、自动播放、悬停控制)
JS轮播图 轮播图可以说是网页上十分常见的效果,很多朋友在学习JavaScript后都迫不及待的想写一些好看对的效果出来,那么轮播图就是一个很不错的练手实例.下面就是通过JS写的轮播图效果: 功能介绍 ...
- android 自动 轮播图,Android-自定义View实现轮播图
主要步骤 1.自定义View的实现过程(测量.布局.绘制) 2.事件拦截机制方法.图片轮播时的Scroller对象使用 3.轮播图自动轮播时,Timer.TimerTask.Handler三者的结合 ...
- JS无缝轮播图(支持点击左右切换,小圆点切换,定时器自动播放)
HTML代码 <div class="box"><!-- ul就相当于我装图片的盒子 --><ul class="box_ul"& ...
- 定时器 — 图片自动切换(轮播图)
自动播放轮播图,鼠标放在图片上轮播停止:鼠标移开,继续轮播: 一种是打开页面就开始轮播: 另一种是打开图片过几秒再开始轮播(具体看下面js代码): html: <div id="pic ...
- JS实现轮播图(自动+手动)
网页轮播图效果: 核心原理: tips:代码在文章末尾 这个ul就是我们这四张图片的父盒子,我们通过对这个父盒子添加动画函数来实现移动,然后给父盒子来一个溢出隐藏就达到了轮播的效果 动画函数如下: f ...
最新文章
- 高效人士的七个习惯(读书笔记)
- centos redhat 6+ openldap 初级介绍
- different behavior dialog popup display no
- [js] script所在的位置会影响首屏显示时间吗
- 评论中显示表情,苹果和安卓都一样
- html基本结构(头部需加上样式表),HTML基本结构、头部、注释(示例代码)
- Ubuntu18.04 LTS 安装nvidia驱动出现Ignoring CC version mismatch
- LTR学习排序 Learning to Rank 小结
- 【2019 NLP汇总】论文、博客、教程、工程进展全梳理(长文预警)
- Wampserver查看php配置信息
- java 标题栏_如何更改java应用程序标题栏默认图标
- 用英伟达 DIGITS 进行图像分割
- 关于对接网易云即时通信IM的心得
- c语言 界面编程 毕业设计,基于c语言的毕业设计.docx
- 智能门禁(1)---几种人脸识别门禁系统设计的方案介绍
- 为什么买入不了创业版_两点原因,为什么现在不建议你买创业板
- 码链的重大突破,提升国产二维码技术话语权
- 计算机视觉工程师学习路线
- dlopen与dlsym用法
- 替换空格--《剑指offer》