0

問題

3 人のチーム メンバーが表示される「チーム」ページのカルーセルとして bxSlider を使用しています。ただし、bxSlider は、中央の画像ではなく、左端の画像を現在アクティブなスライドとして扱います。

私が試したこと

  onSlideBefore: function (currentSlideNumber, totalSlideQty, currentSlideHtmlObject) {
    $('.team-slider div').removeClass('active');
    $('.team-slider div').eq(currentSlideHtmlObject).addClass('active')
    var current = $('.team-slider div.active img').attr('id');
    $('#team-member').load('load_member.php?id='+current); 
  }

bxSlider の動作方法により、現在アクティブなスライドとして中央の画像が選択されていないため、取り込まれるデータが正しくありません。正しく機能させるために、私の計画は、img に ID を追加し、次に currentSlideNumber を使用して、その ID を取得し、それを使用してコンテンツをロードすることでしたが、これにはあまり運がありませんでした。

4

1 に答える 1

1

ここに投稿してから数分でそれを行うことができました。

申し訳ありませんが、この問題に遭遇した他の人のために、作業コードを以下に示します。

onSlideBefore: function (currentSlideNumber, totalSlideQty, currentSlideHtmlObject) {
    $('.team-slider div').removeClass('active');
    $('.team-slider div').eq(currentSlideHtmlObject+1).addClass('active')
    var current = $('.team-slider div.active img').attr('id');
    $('#team-member').load('load_member.php?id='+current); 
  }
于 2013-06-07T12:56:16.380 に答える