7.2,7.5都支持新的纯JS+CSS+DIV首页焦点效果图：谷歌浏览器都马上不支持Flash了早点替换掉
步骤：
1、后台，标签模板》管理标签模板，增加【新闻页面焦点图调用lyz20191230】名字自己随便取
页面模板内容：
<div class="wa8_focus" id="wa8_focus01">
<ul>
[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]
</ul>
<a href="javascript:void(0);" class="unslider-arrow04 prev"><img class="arrow" id="al" src="[!--news.url--]skin/default/images/arrowl.png" alt="prev" width="20" height="35"></a>
<a href="javascript:void(0);" class="unslider-arrow04 next"><img class="arrow" id="ar" src="[!--news.url--]skin/default/images/arrowr.png" alt="next" width="20" height="37"></a>
</div>
<script>
$(document).ready(function(e) {
var unslider04 = $('#wa8_focus01').unslider({
dots: true
}),
data04 = unslider04.data('unslider');
$('.unslider-arrow04').click(function() {
var fn = this.className.split(' ')[1];
data04[fn]();
});
});
</script>
列表内容模板
<li><a href="[!--titleurl--]" target="_blank"><img src="[!--titlepic--]" alt="[!--title--]" width="430" height="297" /></a></li>
2、确定新增的标签ID，每个人自己增减不一样，以自己增加的为准。
3、CSS样式增加到文件\skin\default\css\style.css内：
/*lyz 首页js焦点图20191230 end*/
.wa8_focus { position: relative; overflow: auto; text-align: center;}
.wa8_focus li { list-style: none; }
.wa8_focus ul li { float: left; }
#wa8_focus01 { width: 440px;}
#wa8_focus01 .dots { position: absolute; left: 0; right: 0; bottom: 20px;}
#wa8_focus01 .dots li
{
display: inline-block;
width: 10px;
height: 10px;
margin: 0 4px;
text-indent: -999em;
border: 2px solid #fff;
border-radius: 6px;
cursor: pointer;
opacity: .4;
-webkit-transition: background .5s, opacity .5s;
-moz-transition: background .5s, opacity .5s;
transition: background .5s, opacity .5s;
}
#wa8_focus01 .dots li.active
{
background: #fff;
opacity: 1;
}
#wa8_focus01 .arrow { position: absolute; top: 130px;}
#wa8_focus01 #al { left: 15px;}
#wa8_focus01 #ar { right: 15px;}
/*lyz 首页js焦点图20191230 end*/
4、两个箭头的图片文件，自己做或者到网站xtili.com自行右键另存为，放置在skin\default\images文件夹上传。
5、js文件增加两个文件到skin\default\js\jquery-3.3.1.min.js自己网上找，另外一个文件unslider.min.js
(function(e,t){if(!e)return t;var n=function(){this.el=t;this.items=t;this.sizes=[];this.max=[0,0];this.current=0;this.interval=t;this.opts={speed:500,delay:3e3,complete:t,keys:!t,dots:t,fluid:t};var n=this;this.init=function(t,n){this.el=t;this.ul=t.children("ul");this.max=[t.outerWidth(),t.outerHeight()];this.items=this.ul.children("li").each(this.calculate);this.opts=e.extend(this.opts,n);this.setup();return this};this.calculate=function(t){var r=e(this),i=r.outerWidth(),s=r.outerHeight();n.sizes[t]=[i,s];if(i>n.max[0])n.max[0]=i;if(s>n.max[1])n.max[1]=s};this.setup=function(){this.el.css({overflow:"hidden",width:n.max[0],height:this.items.first().outerHeight()});this.ul.css({width:this.items.length*100+"%",position:"relative"});this.items.css("width",100/this.items.length+"%");if(this.opts.delay!==t){this.start();this.el.hover(this.stop,this.start)}this.opts.keys&&e(document).keydown(this.keys);this.opts.dots&&this.dots();if(this.opts.fluid){var r=function(){n.el.css("width",Math.min(Math.round(n.el.outerWidth()/n.el.parent().outerWidth()*100),100)+"%")};r();e(window).resize(r)}if(this.opts.arrows){this.el.parent().append('<p class="arrows"><span class="prev">←</span><span class="next">→</span></p>').find(".arrows span").click(function(){e.isFunction(n[this.className])&&n[this.className]()})}if(e.event.swipe){this.el.on("swipeleft",n.prev).on("swiperight",n.next)}};this.move=function(t,r){if(!this.items.eq(t).length)t=0;if(t<0)t=this.items.length-1;var i=this.items.eq(t);var s={height:i.outerHeight()};var o=r?5:this.opts.speed;if(!this.ul.is(":animated")){n.el.find(".dot:eq("+t+")").addClass("active").siblings().removeClass("active");this.el.animate(s,o)&&this.ul.animate(e.extend({left:"-"+t+"00%"},s),o,function(i){n.current=t;e.isFunction(n.opts.complete)&&!r&&n.opts.complete(n.el)})}};this.start=function(){n.interval=setInterval(function(){n.move(n.current+1)},n.opts.delay)};this.stop=function(){n.interval=clearInterval(n.interval);return n};this.keys=function(t){var r=t.which;var i={37:n.prev,39:n.next,27:n.stop};if(e.isFunction(i[r])){i[r]()}};this.next=function(){return n.stop().move(n.current+1)};this.prev=function(){return n.stop().move(n.current-1)};this.dots=function(){var t='<ol class="dots">';e.each(this.items,function(e){t+='<li class="dot'+(e<1?" active":"")+'">'+(e+1)+"</li>"});t+="</ol>";this.el.addClass("has-dots").append(t).find(".dot").click(function(){n.move(e(this).index())})}};e.fn.unslider=function(t){var r=this.length;return this.each(function(i){var s=e(this);var u=(new n).init(s,t);s.data("unslider"+(r>1?"-"+(i+1):""),u)})}})(window.jQuery,false)
6、首页模板增加内容：
<script type="text/javascript" src="[!--news.url--]skin/default/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="[!--news.url--]skin/default/js/unslider.min.js"></script>
焦点图位置替换为，其中的16为第2点内的ID16：
<!-- 焦点图片，调用默认模型带标题图片的头条信息 -->
[ecmsinfo]'55,56,57,58,59,60',5,18,0,0,16,1[/ecmsinfo]
OK大功告成！
