0

メイン画像の下に [前へ] ボタンと [次へ] ボタンがあり、x 枚の写真 (この場合は 7 枚) があります。x 枚に追加される値を制限して、1 から x の範囲内 (1この場合は 7 まで)。

明らかに、ユーザーが x に到達すると、[次へ] をクリックすると 1 に戻ります。

問題はここで見ることができます: http://mylandscapes.splintertaeal.com/gardens/regents-park.htm

どんな助けでも大歓迎です。

コード：

$(document).ready(function () {
  var el = $('.nr');

  function change(amt) {
    el.text(parseInt(el.text(), 10) + amt);
  }

  $('#next').click(function () {
    change(1);
  });

  $('#prev').click(function () {
    change(-1);
  });
});
4

2 に答える 2

1

このコードを完全に削除する必要があると思います:

$(document).ready( function() {
    var el = $('.nr');
    function change( amt ) {
        el.text( parseInt( el.text(), 10 ) + amt );
    }
    $('#next').click( function() {
        change( 1 );
    });
    $('#prev').click( function() {
        change( -1 );
    });
});

代わりに、次のイベント ハンドラーを変更します。

var $nr = $(".nr");
$('#next, #prev').on('click', function() {
    var A = this.id == 'next',X=A?T:0,Y=A?0:T,Z=A?N+1:N-1;N=N==X?Y:Z;
    $("#display").html('<img src="'+$(E[N]).attr('href')+'" />');
    $(".display2").html('<img src="'+$(F[N]).attr('href')+'" />');
    /* Update the slide number */ 
    $nr.text(N + 1);
});

この場合、2 つのイベント ハンドラーを持つ必要はありません。

于 2013-02-23T15:45:32.383 に答える
0 
        int i = 0
        $(nextbutton).click(function () {
          i++;
          if (i == 7) {
            i = 0;
          }
 showImage(i); // get i indexed image from array
        });

        $(prevbutton).click(function () {
          i--;
          showImage(i); // get i indexed image from array
          if (i == 0) {
            return;
          }
        });

I hope I understood your problem  in a right way .
于 2013-02-23T15:28:28.647 に答える