日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

本文目錄

• 一、顯示效果
• 二、使用語法說明
• (四)、【CSS定義說明】
• (五)、【其它說明】

一、顯示效果

二、使用語法說明

(一)、【顯示圖集函數(shù)語法說明】

1、格式： (其中“小圖導(dǎo)航模板內(nèi)容”參數(shù)可以不設(shè)置。)

2、使用范例1：

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

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

<?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);
?>

(二)、【顯示內(nèi)容的層ID說明】

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

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

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

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

(4)、表單ID：eViewPicForm

(5)、當(dāng)前分頁號：ethispage

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

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

(8)、大圖顯示：ecmsbigpicid

(9)、小圖顯示：ecmssmallpicid

(10)、圖片說明：ecmspicnameid

2、例子：顯示小圖導(dǎo)航位置

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

(三)、【小圖導(dǎo)航模板變量說明】

1、模板制作格式： 列表頭[!–empirenews.listtemp–]列表內(nèi)容[!–empirenews.listtemp–]列表尾

2、變量說明：

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

(2)、[!–thiscss–]：當(dāng)前圖的CSS樣式

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

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

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

(6)、[!–spicno–]：當(dāng)前圖片編號

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>

(四)、【CSS定義說明】

1、CSS名稱說明：

(1)、小圖導(dǎo)航(當(dāng)前圖樣式)css名稱：espiccss

(2)、列表分頁導(dǎo)航(當(dāng)前分頁樣式)css名稱：epiclpcss

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

2、使用范例：

<style>
/* 小圖導(dǎo)航(當(dāng)前圖樣式) */
.espiccss{background-color:#666666;color:#ffffff;}
/* 列表分頁導(dǎo)航(當(dāng)前分頁樣式) */
.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>

(五)、【其它說明】

1、支持鍵盤方向鍵切換圖片。

2、點擊圖片左右兩邊切換上下張圖片。