zoukankan      html  css  js  c++  java
  • 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}
  • 相关阅读:
    Android x86 镜像分析之四
    Android x86 镜像分析之三
    Android x86 镜像分析之二
    Android x86镜像分析
    tizen镜像制作
    完成登录与注册页面的前端
    JavaScript 基础,登录前端验证
    CSS实例:图片导航块
    导航,头部,CSS基础
    web基础,用html元素制作web页面
  • 原文地址:https://www.cnblogs.com/wishjm/p/5825195.html
Copyright © 2011-2022 走看看