javascript - StyleSet プロパティ エラー: 未定義のプロパティ 'webkitTransition' を設定できません

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;*/
    }
}

私はプログラミングが初めてなので、構文エラーやロジックの不一致を許してください。ご協力いただきありがとうございます。