Utworzyłem sekcję przeglądową, która jest wywołana na kliknięciu, co chcę osiągnąć, jest to, że kiedy ostatni przegląd pojawia się pierwszy przegląd następnego - ciągły cykl.

JS skrzypce

/* Set global variables */
var position = $(".reviews").position(); /* Find position of review container */
var items = $(".reviews ul li").length; /* Count how many reviews there are */
var limit = (items - 2) * -435; /* Set the movement limit as a multiple of the number of items */

$(".number").text(items);

/* Next button clicked */
$(".btn_next").click(function () {

position = $(".reviews").position();

/* Debugging Info */
/* $(".left").text(Position: " + position.left + " & " + "Items: " + items  + " & " + "Limit: " + limit); */

/* If the review container’s left value is still larger than the movement limit, move the container one view to the left */
if (position.left > limit) {
    $(".reviews").animate({
        "left": "-=460px"
    }, 500, "swing");
} else {
    /* $(".left").prepend("No dice! "); */
}

});

/* Prev button clicked */
$(".btn_prev").click(function () {

    position = $(".reviews").position();

    /* Debugging Info */
    /* $(".left").text("Position: " + position.left + " & " + "Items: " + items  + " & " + "Limit: " + limit); */

    /* If the review container’s left value is still smaller than 0, move the container one view to the right */
    if (position.left < 0) {
        $(".reviews").animate({
            "left": "+=460px"
        }, 500, "swing");

} else {
    /* $(".left").prepend("No dice! "); */
}

});
0
Melissa Boyle 21 listopad 2013, 19:24

1 odpowiedź

Najlepsza odpowiedź

Co możesz zrobić, to, gdy użytkownik naciska w lewo i jest już po lewej stronie, przewiń w prawo.

Nie pokazuje przeglądu w pętli, ale pętla po naciśnięciu strzałki.

Przykład:

if (position.left < 0) {
    $(".reviews").animate({
        "left": "+=460px"
    }, 500, "swing");

} else {
    var restartPos = 460 * (items-2);
    $(".reviews").animate({
        "left": "-="+restartPos+"px"
    }, 500, "swing");
}

JS skrzypce

Mam nadzieję, że to pomoże

0
Shryme 21 listopad 2013, 16:11