:::

1-7 點擊可放大圖片 [image]

[image path="帳號" name="圖檔名稱" title="圖片說明文字" show_title=1 
large=1 small=1 xsmall=1 zoom=1 border=0 color="顏色"]

【說明】:

  • 圖檔必需上傳至自己的帳號內 ( 控制台 公告管理系統 附件管理 上傳檔案 )。
  • title:不論是否顯示,都必需輸入圖片說明文字 (title),此標題亦為圖片的替代文字。
  • show_title:是否要在圖片下方顯示標題 (title),預設值為 show_title=1 (顯示)。
  • large:在桌機時每排顯示的數量,可接受的值為:1, 2, 3, 4 (預設值為 large=1)。
  • small:在平板時每排顯示的數量,可接受的值為:1, 2, 3, 4 (預設值為 small=1)。
  • xsmall:在手機時每排顯示的數量,可接受的值為:1, 2 (預設值為 xsmall=1)。
  • zoom:是否要點擊放大的效果,預設值為 zoom=1 (點擊放大)。
  • border:圖片是否要加外框,預設值為 border=0 (無外框)。
  • large 值大於 1 ,則圖片前後需使用 <div class=”row”>…</div>。

【例一】顯示標題的圖檔

<div class="row">
    [image path="admin" name="responsive.png" title="響應式網頁" large=2]
</div>

【例二】多個圖檔列表顯示

<p class="user_title style03 orange mb10">獨立研究</p>
<div class="row mb30">
    [image path="chjh66" name="IMG_6110.jpg" title="氣象探測之大氣探測" large=4 small=2 show_title=0]
    [image path="chjh66" name="IMG_6113.jpg" title="無機構造解說" large=4 small=2 show_title=0]
    [image path="chjh66" name="IMG_6146.jpg" title="地球光年計算" large=4 small=2 show_title=0]
    [image path="chjh66" name="IMG_6130.jpg" title="生態系的定義與組成" large=4 small=2 show_title=0]
</div>

獨立研究

氣象探測之大氣探測
無機構造解說
地球光年計算
生態系的定義與組成