1)顯示效果:

2)顯示圖集函數(shù)語法說明
1.格式
- sys_ModShowMorepic(導航小圖寬度,導航小圖高度,小圖導航模板內(nèi)容)
(其中“小圖導航模板內(nèi)容”參數(shù)可以不設置。)
2.使用范例
- <?=sys_ModShowMorepic(120,80,'')?>
3、使用范例2:(指定小圖導航模板)
- <?php
- $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>';
- sys_ModShowMorepic(120,80,$morepicdhtemp);
- ?>
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.例子:顯示小圖導航位置
- <div id="ecmssmallpicsid"></div>
3)小圖導航模板變量說明
1.模板制作格式:
- 列表頭[!--empirenews.listtemp--]列表內(nèi)容[!--empirenews.listtemp--]列表尾
2)變量說明:
(1)、[!--page--]:圖片頁碼
(2)、[!--thiscss--]:當前圖的CSS樣式
(3)、[!--spicurl--]:小圖圖片地址
(4)、[!--spicwidth--]:圖片寬度
(5)、[!--spicheight--]:圖片高度
(6)、[!--spicno--]:當前圖片編號
3.模板范例:
- <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.使用范例:
- <style>
-
- /* 小圖導航(當前圖樣式) */
- .espiccss{background-color:#666666;color:#ffffff;}
-
- /* 列表分頁導航(當前分頁樣式) */
- .epiclpcss{font-weight:bold;}
-
- /* 大圖顯示 */
- .eimgBox{
- position: relative;
- float:left;
- }
- .eimgBox div{
- position:absolute;
- left:0px;
- top:0px;
- width:50%;
- height:98%;
- background: #fff;
- opacity:0.0;
- filter:alpha(opacity=0);
- }
- .eimgBox .eimgboxleft{
- cursor: pointer;
- }
- .eimgBox .eimgboxright{
- left:50%;
- cursor: pointer;
- }
-
- </style>