Question

我试图使用style.setProperty在Javascript中创建滑动效果。

这是我的代码：

imageArray = [
    '<img src="assets/bg1.jpg"/>',
    '<img src="assets/bg2.jpg"/>',
    '<img src="assets/bg3.jpg"/>',
];

var slideWidth = 300;
var slideHeight = 420;

var currentTranslation = -slideWidth;

function init() {
    imageArray.style.webkitTransition = '-webkit-transform 1200ms';
    getArray();
}

function getArray() {
    for (var i = 0; i < imageArray.length; i++) {
    $('.inner-image').append(imageArray);
    /*not sure if this is relevant  
    imageArray.src = ary[i].media.m;*/
    }
}

我是编程的新手，请原谅语法错误或逻辑上的不一致。谢谢你的帮助。

Answer 1

您收到了未定义的错误消息，因为您的ImageArray是一个包含字符串的数组，而不是HTMLElement

您可以使用document.getElementById()来获取对象，或者如果必须使用字符串，则使用DOMParser。

StyleSet属性错误：无法设置未定义的属性“webkitTransition”

1 个答案: