1)顯示效果：

2)顯示圖集函數(shù)語法說明

1.格式

1. sys_ModShowMorepic(導航小圖寬度,導航小圖高度,小圖導航模板內(nèi)容)

(其中“小圖導航模板內(nèi)容”參數(shù)可以不設置。)

2.使用范例

1. <?=sys_ModShowMorepic(120,80,'')?>

3、使用范例2：(指定小圖導航模板)

1. <?php
2. $morepicdhtemp='<table><tr>[!--empirenews.listtemp--]<td bgcolor="#cccccc" align="center" id="espicid[!--page--]"[!--thiscss--]><a href="#empirecms" onclick="ecmsShowPic([!--page--]);"><img src="[!--spicurl--]" width="[!--spicwidth--]" height="[!--spicheight--]" border="0"></a><br>[!--spicno--]</td>[!--empirenews.listtemp--]</tr></table>';
3. sys_ModShowMorepic(120,80,$morepicdhtemp);
4. ?>

2)顯示內(nèi)容的層ID說明

1.顯示內(nèi)容層ID名稱列表：

(1)、顯示小圖導航：ecmssmallpicsid

(2)、顯示下拉分頁導航：ecmsselectpagesid

(3)、顯示列表分頁導航：ecmslistpagesid

(4)、表單ID：eViewPicForm

(5)、當前分頁號：ethispage

(6)、是否自動播放：autoplaystop

(7)、自動播放秒數(shù)：autoplaysec

(8)、大圖顯示：ecmsbigpicid

(9)、小圖顯示：ecmssmallpicid

(10)、圖片說明：ecmspicnameid

2.例子：顯示小圖導航位置

1. <div id="ecmssmallpicsid"></div>

3)小圖導航模板變量說明

1.模板制作格式：

1. 列表頭[!--empirenews.listtemp--]列表內(nèi)容[!--empirenews.listtemp--]列表尾

2)變量說明：

(1)、[!--page--]：圖片頁碼

(2)、[!--thiscss--]：當前圖的CSS樣式

(3)、[!--spicurl--]：小圖圖片地址

(4)、[!--spicwidth--]：圖片寬度

(5)、[!--spicheight--]：圖片高度

(6)、[!--spicno--]：當前圖片編號

3.模板范例：

1. <table><tr>[!--empirenews.listtemp--]<td bgcolor="#cccccc" align="center" id="espicid[!--page--]"[!--thiscss--]><a href="#empirecms" onclick="ecmsShowPic([!--page--]);"><img src="[!--spicurl--]" width="[!--spicwidth--]" height="[!--spicheight--]" border="0"></a><br>[!--spicno--]</td>[!--empirenews.listtemp--]</tr></table>

4)CSS定義說明

1.CSS名稱說明：

(1)、小圖導航(當前圖樣式)css名稱：espiccss

(2)、列表分頁導航(當前分頁樣式)css名稱：epiclpcss

(3)、大圖顯示css名稱：eimgBox

2.使用范例：  

1. <style>
2.  
3. /* 小圖導航(當前圖樣式) */
4. .espiccss{background-color:#666666;color:#ffffff;}
5.  
6. /* 列表分頁導航(當前分頁樣式) */
7. .epiclpcss{font-weight:bold;}
8.  
9. /* 大圖顯示 */
10. .eimgBox{
11.     position: relative;
12.     float:left;
13. }
14. .eimgBox div{
15.     position:absolute;
16.     left:0px;
17.     top:0px;
18.     width:50%;
19.     height:98%;
20.     background: #fff;
21.     opacity:0.0;
22.     filter:alpha(opacity=0);
23. }
24. .eimgBox .eimgboxleft{
25.     cursor: pointer;
26. }
27. .eimgBox .eimgboxright{
28.     left:50%;
29.     cursor: pointer;
30. }
31.  
32. </style>