Анимация окна для встреч на расчетной ширине

Question

Честно говоря, я собрал воедино код из нескольких источников, не зная, как он работает, и запутался, черт возьми, из себя.

У меня есть серия изображений в элементе div (.projectImages), и я хочу рассчитать их общую ширину, а затем передать это значение анимации, чтобы она перемещала изображения вместе на общую ширину.

Вот мой код Франкенштейна:

function calcWidth() {
    var imgwidth = 0;
    $(".projectImages").find("img").each(function(){
        imgwidth += $(this).width();
    });
    return imgwidth;
}


$(function(){   
    $("#rightArrow").hover(function() {
        $('.projectImages').animate({left: imgwidth +'px'}, 3000);
    },function() {
        $('.projectImages').stop();
    });
});

Я вполне уверен, что проблема заключается в расчете ширины, но, как я уже сказал, этот код - копирование и вставка, поэтому я не совсем уверен, как он работает.

Довольно плохо знаком с jQuery, но я медленно туда добираюсь.

Answer 1

Это выглядит не совсем неправильно (логично).Синтаксис немного неправильный, вы используете imgWidth в методе $() (готов к документу).Но он должен выдать ошибку ссылки.

Вы должны заменить imgWidth на calcWidth() и все будет в порядке.

Answer 2

$ ('. ProjectImages'). Animate ({left: calcWidth () + 'px'}, 3000);

следите за тем, чтобы изображения имели отступ / отступ, также должны быть включены в расчет