Добрый день, хочу создать простую анимацию дабы разобраться.
Создаю кнопку добавляю скрипт
function click(sender, e, eOpts){
var imgList = [
'files/pole_1.png',
'files/pole_1.png',
'files/pole_2.png',
'files/pole_3.png',
'files/pole_4.png',
'files/pole_5.png',
'files/pole_6.png',
'files/pole_7.png',
'files/pole_8.png',
'files/pole_9.png',
'files/pole_10.png',
'files/pole_11.png',
'files/pole_12.png',
'files/pole_13.png',
'files/pole_14.png',
'files/pole_15.png',
'files/pole_16.png',
'files/pole_17.png',
'files/pole_18.png',
'files/pole_19.png',
'files/pole_20.png',
'files/pole_21.png',
'files/pole_22.png',
'files/pole_23.png',
'files/pole_24.png',
'files/pole_25.png',
'files/pole_26.png',
'files/pole_27.png',
'files/pole_28.png',
'files/pole_29.png',
'files/pole_30.png',
'files/pole_31.png'
];
var imgNList = [];
var cnt = $('.cnt');
imgList.forEach(function(src) {
var img = img = $('<img>').attr('src' , src ).hide();
cnt.append( img );
imgNList.push( img );
});
imgNList[0].show();
var changeImgMinTime = 200;
var imgMove = $('#imgMove');
var imgIndex = 0;
$(function alerted(){
var marginLeft = 0;
var fTime = (new Date()).getTime();
var moveR = function() {
if ( (new Date()).getTime() > fTime + changeImgMinTime ) {
fTime = (new Date()).getTime();
if ( ++imgIndex >= imgNList.length ) {imgIndex = 0;}
imgNList[imgIndex === 0 ? imgNList.length-1 : imgIndex - 1].hide();
imgNList[imgIndex].show();
}
cnt.css({marginLeft: (marginLeft+=0).toString() + 'px'});
moveRThread();
}
var moveRThread = function() {
setTimeout(moveR , 1);
}
moveRThread();
});
}
Для элемента отображения создал UniImage (не знаю правильно ли).
ему присвоил название
function added(sender, container, pos, eOpts)
{
sender.addCls('cnt');
}
К сожалению все валится в ошибку.