jquery幻灯片使用css3转换多次使用

Question

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

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

• if（$（'.wrappe'）.length<=1）{回来}

  工作库：函数（）{$（'ul.og-grid>li'）.each（函数（i）{如果（i%6==0）{$（this）.nextAll（）.andSelf（）.sice（0，6）.wrapaAll（'

'）；}})；

      $('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/

Answer 1

尝试在jquery中隐藏。