试试这个:
首先定义一个绝对画布块,添加初始化事件
setTimeout(function() {
var imgs = [
{img:"\/webroot\/help\/picture\/gyzp\/1.jpeg"
,a:"#"}
,{img:"\/webroot\/help\/picture\/gyzp\/2.jpeg"
,a:"#"}
,{img:"\/webroot\/help\/picture\/gyzp\/3.jpeg"
,a:"#"}
,{img:"\/webroot\/help\/picture\/gyzp\/4.jpeg"
,a:"#"}
,{img:"\/webroot\/help\/picture\/gyzp\/5.jpeg"
,a:"#"}
];
var width =$("div[widgetname='ABSOLUTE0']").css("width");
var height =$("div[widgetname='ABSOLUTE0']").css("height");
$("div[widgetname='ABSOLUTE0']").slider({
imgList:imgs, //图片的列表
width: width, //图片的宽
height: height, //图片的高
isAuto: true, //是否自动轮播
moveTime: 2000, //运动时间
direction: 'right', //轮播的方向
btnWidth: 30, //按钮的宽
btnHeight: 30, //按钮的高
spanWidth: 10, //span按钮的宽
spanHeight: 10, //span按钮的高
spanColor: '#fff', //span按钮的颜色
activeSpanColor: 'red', //选中的span颜色
btnBackgroundColor: 'rgba(0, 0, 0, 0.3)', //两侧按钮的颜色
spanRadius: '50%', //span按钮的圆角程度
spanMargin: 3, //span之间的距离
});
$(".right-btn").css("display","none");
$(".left-btn").css("display","none");
},
20);
然后将这个js文件放在你的工程help下的CSS文件夹下
pmlbt.js
决策报表如果要引用 js的话在body初始化后事件中写上js
setTimeout(function() {
var link1=
'<script src="../../help/pmlbt.js"></script>'
$("head").append(link1);
},200);
图片的轮播 - 帆软社区 (fanruan.com)