帝国CMS图片轮播插件如何使用好代码教程&案例

  • 压缩包大小:Unkown
  • 开发语言:
  • 软件授权:
  • 更新时间:2023-01-02 03:42:01
  • 软件类别:
  • 相关链接:未知官方
  • 网友评分:
  • 应用平台:Win2000/WinXP/Win2003
  • 演示地址:演示地址

1)显示效果:

2)显示图集函数语法说明

1.格式

	sys_ModShowMorepic(导航小图宽度,导航小图高度,小图导航模板内容)

(其中“小图导航模板内容”参数可以不设置。)

2.使用范例

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

3、使用范例2:(指定小图导航模板)

	<?php
	$morepicdhtemp='<table><tr>[!--empirenews.listtemp--]<td bgcolor="#cccccc" align="center" id="espicid[!--page--]"[!--thiscss--]><a rel="nofollow noopener noreferrer" 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)显示内容的层ID说明

1.显示内容层ID名称列表:

(1)、显示小图导航:ecmssmallpicsid

(2)、显示下拉分页导航:ecmsselectpagesid

(3)、显示列表分页导航:ecmslistpagesid

(4)、表单ID:eViewPicForm

(5)、当前分页号:ethispage

(6)、是否自动播放:autoplaystop

(7)、自动播放秒数:autoplaysec

(8)、大图显示:ecmsbigpicid

(9)、小图显示:ecmssmallpicid

(10)、图片说明:ecmspicnameid

2.例子:显示小图导航位置

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

3)小图导航模板变量说明

1.模板制作格式:

	列表头[!--empirenews.listtemp--]列表内容[!--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 rel="nofollow noopener noreferrer" 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>

到此这篇关于帝国CMS图片轮播插件如何使用好代码教程&案例就介绍到这了。人的美不在外貌、 衣服和发式,而在于它的本身,在于他的心。要是人没有内心的美,我们会常常厌恶他漂亮的外表。更多相关帝国CMS图片轮播插件如何使用好代码教程&案例内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

关键词: 帝国CMS

下载地址

下载失败问题?【我要反馈】

提示:好代码网站资源是由用户投稿上传,内容来自互联网,本站只做免费推荐用于学习分享,如有版权及其他问题,请联系小编处理!

下载“jQuery焦点无缝轮播图特效”地址:

  • 日榜
  • 周榜
  • 月榜

推荐下载

  • 开发手册
  • 常用软件