0

我的 jquery 幻灯片效果很好，但我需要能够在一个页面中多次使用它。

  • 如何在同一页面中使用 2 张幻灯片？
  • 如果我只有 6 个元素，如何删除下一个和上一个按钮？像下面这样？

  • if ($('.wrap').length <= 1) { return; }

    worksGallery: function () { $('ul.og-grid > li').each(function (i) { if (i % 6 == 0) { $(this).nextAll().andSelf().slice (0, 6).wrapAll('

    • '); } });

          $('ul.og-grid .wrap:gt(0)').removeClass('fadeIn').addClass('fadeout');

      updateNav = function () {
          $('#eventi .prev').toggle($('.wrap:first').hasClass('fadeout'));
          $('#eventi .next').toggle($('.wrap:last').hasClass('fadeout'));
      }

      $('#eventi .prev').click(function (e) {
          e.preventDefault();
          var idx = $('.wrap.fadeIn').index() - 1;
          $('.wrap.fadeIn').addClass('fadeout').removeClass('fadeIn').css("transition",1/(idx+1)+"s").css("transform", "translateX(" + 660 * idx + "px)").index() - 1;
          $('.wrap').eq(idx).addClass('fadeIn').removeClass('fadeout').css("transition",1/(idx+1)+"s").css("transform", "translateX(" + -660 * idx + "px)");
          updateNav();
      });

      $('#eventi .next').click(function (e) {
          e.preventDefault();
          var idx = $('.wrap.fadeIn').index() + 1;
          $('.wrap.fadeIn').addClass('fadeout').removeClass('fadeIn').css("transition",1/(idx+1)+"s").css("transform", "translateX(" + -660 * idx + "px)").index() + 1;
          $('.wrap').eq(idx).addClass('fadeIn').removeClass('fadeout').css("transition",1/(idx+1)+"s").css("transform", "translateX(" + -660 * idx + "px)");
          updateNav();
      });

      updateNav();

      if ($('.wrap').length <= 1) {
          return;
      }

    },

http://jsfiddle.net/yGaj8/5/

4

1 回答 1

0

尝试在 jquery 中玩 hide。

于 2013-08-30T11:08:16.723 回答