1

zurb の軌道スライダーと並んで走るスライダーを作成しています。ここでのポイントは、1 セットのナビゲーション矢印で 2 つのスライドショーを制御したいということです... orbit.next 関数に追加するものは次のとおりです。

$('.description > p:visible')
  .fadeOut(500)
  .next()
  .fadeIn(500)
  .end()
  .appendTo('.description');

これは次の矢印のコードですが、前の矢印でも機能するようにこのコードをどのように適応させることができますか?

ありがとう
ベン

4

2 に答える 2

0

私はそれを理解しました...

  this.$element.bind('orbit.next', function () {
    self.shift('next');

    if ($('.description > p:visible').is(':not(:last-of-type)')) {
      $('.description > p:visible').fadeOut(500).next().fadeIn(500);
    } else {
      $('.description > p:visible').fadeOut(500);
      $('.description > p:first').fadeIn(500);
    }
  });

  this.$element.bind('orbit.prev', function () {
    self.shift('prev');
    if ($('.description > p:visible').is(':not(:first-of-type)')) {
      $('.description > p:visible').fadeOut(500).prev().fadeIn(500);
    } else {
      $('.description > p:visible').fadeOut(500);
      $('.description > p:last').fadeIn(500);
    }
  });
于 2012-09-02T02:55:04.707 に答える
0

軌道スライダーについてはよくわかりませんが、何とかできると思いました。これまでのところ、

$('.description p:last-fo-type')
  .fadeOut(500)
  .prev()
  .fadeIn(500)
  .end()
  .prependTo('.description');

私が何か誤解した場合は、お知らせください。だから私は必要な修正を行うことができます。

幸運を。

于 2012-09-02T00:01:17.030 に答える