• dede调用img图片


    1.默认的index.htm调用:

    {dede:arclist row='3' titlelen='30' typeid='1'}
        <div class="swiper-slide">
           <a href="[field:arcurl/]" target="_blank">
             <img src="[field:litpic/]" alt="[field:title/]" />
             <p>网站设计<br /><strong>[field:title/]</strong><br />[field:id function=GetTags(@me)/]</p>
        </
    a> </div> {/dede:arclist}

    用arclist标签,用[field:image/] 调用图片,用[field:title/]文章标题,[field:litpic/]调用图片地址。

    效果图:

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

    直接调用图片地址:

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

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

    {dede:field name='image'/}

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

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

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

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

     3.默认的index_*.htm调用

    {dede:list pagesize='12'}
       <li>
           <a href="[field:arcurl/]" target="_blank">
              <img src="[field:litpic/]" alt="[field:title/]" />
              <p>网站设计<br /><strong>[field:title/]</strong><br />[field:id function=GetTags(@me)/]</p>
    </
    a> </li>
    {/dede:list}
  • 相关阅读:
    自动构建部署
    EF 性能调优
    断点续传
    gis 相关资料
    easyui 特殊操作
    KJ面试
    前端面试题汇总
    es6之扩展运算符 三个点(...)
    vue.js开发环境搭建
    gulp 环境搭建
  • 原文地址:https://www.cnblogs.com/wishjm/p/5825195.html
Copyright © 2020-2023  润新知