帝国cms焦点图怎么制作,好用的焦点图源代码,帝国cms焦点图代码修改
帝国cms真的不错,用起来很方便,很多朋友咨询怎么更换帝国层面上的焦点图,因为原版的焦点图实在是难看,效果也不好,今天小编分享一个制作好的现成帝国cms焦点图源代码,直接可以安装到你的网站使用。上传效果图。
怎么制作的呢?小编直接上传源代码
你只需要上传css文件 js文件 和制作标签模板就可以用万能标签任意调用。
标签模板页面模板内容
[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]
标签模板列表内容模板内容
<li data-thumb="[!--titlepic--]" style="height:250px;"> <a href="[!--titleurl--]"><img src="[!--titlepic--]"></a><p>[!--title--]</p></li>
html原始代码
<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<head>
<link rel="stylesheet" href="http://www.wenzhaihui.com/xiazai/jiaodiantu/css/flexslider.css">
<script src="http://www.wenzhaihui.com/xiazai/jiaodiantu/js/jquery-1.8.2.min.js"></script>
<script src="http://www.wenzhaihui.com/xiazai/jiaodiantu/js/jquery.flexslider.js"></script>
</head>
<body>
<div>
<!-- Slider -->
<div>
<div>
<div>
<div class="span10 offset1">
<div>
<ul>
[ecmsinfo]0,4,32,1,3,36,0,'','newstime DESC'[/ecmsinfo]
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
效果演示:http://www.wenzhaihui.com/xiazai/jiaodiantu.html
源代码打包下载包含css文件,js文件
修改大小直接修改css135行,.neidid{ width:300px;} 宽度即可。
来源:http://www,wenzhaihui.com/