Как прокрутить с помощью jquery animate

Question

Я пытаюсь заставить некоторые кнопки работать здесь. http://www.sepulturaimpex.ro/portofoliu это сайт.

Когда я нажимаю кнопки влево / вправо, я хочу перейти от проекта к проекту точно

Изображения произвольной ширины.

Как мне этого добиться?

Вот скрипт, который я использую.

$(document).ready(function () {
    $(".prev").click(function () {
        $(".p_horizontal_wrap").animate({
            scrollLeft: "-=700"
        })
    }), $(".next").click(function () {
        $(".p_horizontal_wrap").animate({
            scrollLeft: "+=700"
        })
    })
}),

Answer 1

Ответ на ваш вопрос; если изображения имеют произвольную ширину, вы не можете прокрутить их с фиксированной шириной

Я думаю, что вам лучше всего смотреть в будущее и найти позицию x следующего объекта, а затем перейти к ней. В зависимости от вашей разметки может потребоваться отслеживать индекс объекта, который вы прокручиваете в вид.

Ваша следующая кнопка (и ваша следующая / предыдущая может быть такой же) будет выглядеть так:

$(".next").click(function() {
    var targ = /** find out the next item to be shown **/
    var left = $(targ).position().left;
    $(".p_horizontal_wrap").animate({
        scrollLeft: left
    });
});