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}