1.默认的index.htm调用:

  1. {dede:arclist row='3' titlelen='30' typeid='1'}
  2. <div class="swiper-slide">
  3. <a href="[field:arcurl/]" target="_blank">
  4.     <img src="[field:litpic/]" alt="[field:title/]" />
  5.     <p>网站设计<br /><strong>[field:title/]</strong><br />[field:id function=GetTags(@me)/]</p>
        </a>
  6. </div>
  7. {/dede:arclist}
  8.  
  9. arclist标签,用[field:image/] 调用图片,用[field:title/]文章标题,[field:litpic/]调用图片地址。

效果图:

  1. {dede:arclist row=5 orderby=pubdate type='image.' imgwidth='124' imgheight='94' typeid='11' }
  2.  
  3. <li><a href="[field:arcurl/]">[field:image/]<span class="title">[field:title/]</span></a>
  4.  
  5. {/dede:arclist}
  1. arclist标签,用[field:image/] 调用图片,用[field:title/]文章标题,[field:litpic/]调用图片地址。

直接调用图片地址:

  1. <img src="[field:litpic/]"/>

直接调用当前内容的缩略图,如文章内容页里:

  1. {dede:field name='image'/}

[field:litpic /] 缩图地址 与 [field:picname /]相同 

[field:picname /] 缩图地址 与[field:litpic /]相同

2.默认的list_*.htm调用:

  1. {dede:list pagesize='12'}
  2. <li>
  3. <a href="[field:arcurl/]" target="_blank">
  4.    <img src="[field:litpic/]" alt="[field:title/]" />
  5.   <p>网站设计<br /><strong>[field:title/]</strong><br />[field:id function=GetTags(@me)/]</p>
          </a>
  6. </li>
    {/dede:list}

3.默认的index_*.htm调用

  1. {dede:list pagesize='12'}
  2. <li>
  3. <a href="[field:arcurl/]" target="_blank">
  4. <img src="[field:litpic/]" alt="[field:title/]" />
  5. <p>网站设计<br /><strong>[field:title/]</strong><br />[field:id function=GetTags(@me)/]</p>
    </a>
  6. </li>
    {/dede:list}

dede调用img图片的更多相关文章

  1. TML5如何在移动网页端调用手机图片或者camera

    TML5如何在移动网页端调用手机图片或者camera可以参考这篇文章: 如果你开始基于iOS系统(ios6 above) 的web应用,可以考虑这段代码: 点击按钮,会调用你的摄像头相册 附源码文件: ...

  2. WPF 调用资源图片

    原文:WPF 调用资源图片 最近做的wpf项目中,在开发的时候,把图片放到了bin下面,采用了imagePath =System.IO.Directory.GetCurrentDirectory()+ ...

  3. dede调用文章里的图片

    {dede:arclist row='6' orderby='pubdate' typeid='5' idlist='' channelid='1'} <li><a href='[f ...

  4. dede调用文章内第一张原始图片(非缩略图)的实现方法

    第一步,修改include/extend.func.php文件,最下面插入函数,查询的是文章附加表,如需查询图片集什么的,改表名即可 //取原图地址 function GetFirstImg($arc ...

  5. 给dede添加栏目图片和栏目描述

    有的时候我们希望调用栏目时把栏目的图片和描述调出来,但dede好像没有提供栏目图片这个功能,而栏目的描述也是给meta:Description使用的,不是很方便.   所以我们需要自已给dede添加图 ...

  6. dede 调用原图的路径

    步骤:1修改include/extend.func.php 添加如下代码: //取原图地址function bigimg($str_pic){$str_houzhi=substr($str_pic,- ...

  7. dede 调用四级导航

    一.修改文件:\include\taglib目录下的channel.lib.php,请将以下代码全部复制替换上述文件 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 ...

  8. DEDE调用频道封面{dede:field:content/}内容方法

    DEDE怎样在首页调用频道封面页{dede:field:content/}内容的方法,当我们用 织梦DEDECMS 做网站的时候,首页往往会加上关于我们或者企业简介之类的文字,在栏目里 当我们用织梦D ...

  9. dede调用第一张大图,非缩略图

    1.找到include/extend.func.php加入现在函数 function firstimg($str_pic) { $str_sub=substr($str_pic,0,-7)." ...

随机推荐

  1. 简单的方向传感器SimpleOrientationSensor

    SimpleOrientationSensor是一个简单的方向传感器.能够识别手机如下表的6种方向信息: SimpleOrientation枚举变量 方向 NotRotated 设备未旋转 Rotat ...

  2. Android高手速成--第一部分 个性化控件(View)

    第一部分 个性化控件(View) 主要介绍那些不错个性化的View,包括ListView.ActionBar.Menu.ViewPager.Gallery.GridView.ImageView.Pro ...

  3. 利用 PhpStorm、Idea 等 IDE 如何 运行/调试 Go 程序 ?

    以自己常用的 PhpStorm 为例 第一步:下载安装 Go插件 File -> Settings -> Plugins -> 输入关键字:Go 第二步:新建 Go项目 File - ...

  4. Socket通信(一)

    代码及PDF下载链接:http://download.csdn.net/detail/u010312811/9683034 例程1:实现服务器与客户端的连接与简单数据收发 参考链接:http://bl ...

  5. RobotFrameWork(二)Ride简单使用及快捷键

    一.简单示例 注意:以下操作使用到快捷键的,请先确保没有与其他软件的快捷键设置冲突,比如sogou拼音.有道词典等等 1.启动ride 启动ride方法: 1)  通过界面图标 2)  dos命令行: ...

  6. linux下ssh的几种验证方式

    ssh的认证方式有很多种,大概可以概括为以下几类: 1.pam认证方式 在配置文件/etc/ssh/sshd_config中对应参数:UsePAM 2.密钥认证方式 配置文件/etc/ssh/sshd ...

  7. vagrant安装及使用方法

    http://www.chenjie.info/1757 http://blog.csdn.net/zsl10/article/category/6324870   --以下转自MaxWellDuva ...

  8. 教你分分钟开发一个属于自己的python模块(一)——能够直接在浏览器打印的方法

    曾经,用惯了python print命令的人,惊叹于python语法的精简:后来,用过了tornado.django等web开发框架,不得不佩服当初开发这些框架的人们.于是,我们开始使用它们的框架== ...

  9. vmware workstation9.0 RHEL5.8 oracle 10g RAC安装指南及问题总结

    一,虚拟机规划 (1)虚拟机:添加三块网卡 eth0 eth1 eth2 ,分别用于内网,心跳,外网RAC1 内网:192.168.1.10/24  心跳:192.168.2.10/24  VIP:1 ...

  10. iOS- 制作U盘安装Mac OS X 系统

    需要: 1.下载Yomitate.app or Capitan.app 跳转到官网或者第三方. 2.准备一台Mac 电脑 3.准备一个8G U盘. 安装: 步骤1.将Yomitate.app 拖到应用 ...