0

このスライダーが反応するかどうか疑問に思っていましたか? このスライダーは、css でスラ​​イドするための優れた方法を使用しているため、正常に機能します。レスポンシブにすればいいだけです。

現在は 6 枚の画像しか表示されていませんが、貧弱な知識では動作するかどうかわからない場合widthは4 枚にする必要があります。780px;

http://jsfiddle.net/2FemF/

$('.items > .item', $container).each(function (i){
          if (i % 6 == 0) {
              $(this).nextAll().andSelf().slice(0, 6).wrapAll('<div class="wrap fadeIn"></div>');
          }
          else (i % 4 == 0){
              var $window = $(window);
              $window.resize(function resize() {
                    if ($window.width() < 768) {

                        $(this).nextAll().andSelf().slice(0, 4).wrapAll('<div class="wrap fadeIn"></div>');

                    }
                });
            }
      });
4

1 に答える 1

0

これは次のことを行う必要があります。

$('.items > .item').each(function(){ 
   $(this).wrap("<div class=\"wrap fadeIn\">"); 
   });
if($(window).width()<768){
    $("div.wrap:eq(3)").nextAll().remove();
}

最初にすべての要素をスライスし、次に幅を確認して最後の 2 つを削除します。

于 2014-03-04T11:23:13.407 に答える