0

ブラウザーのサイズが 1280px より大きい場合、このスライダーを 1180x454 に変更する必要があります。CSS の外で @media タイプの変更を行う方法がわかりません。ありがとう。

<script type="text/javascript">

        $(document).ready(function() {
        $.noConflict();
    jQuery('#banner-example-1').paradigm(
                    {                                       
                        width:940,
                        height:362      

                });                     
        });

        </script>
4

1 に答える 1

0

これはおそらく最善の解決策ではありませんが、スライダーの制限のいくつかを考えると、ウィンドウのサイズが変更されたときに独自のスケーリング機能をロールする以外に方法がないようです。

$(window).resize(function() {
  // put your code here to trigger resizing of your slider
});

例として、基本的なjsfiddleを示します。このようなことを行うと、ウィンドウサイズが特定の幅であるかどうかを確認し、そうである場合は、JavaScriptを含めて、インラインの幅と高さが設定されているパラダイムdivのサイズを変更できます。

編集：要素の幅を変更するためのロジックを含むようにjsfiddleを更新しました。残念ながら、ドキュメントが公開されていないため、パラダイムのサイズ変更をトリガーするために何をする必要があるかについて具体的に説明することはできません。したがって、このような単純なものでない場合は、開発者にサポートを依頼する必要があります。 ：

$(window).resize(function() {
  // If > 1280 then width: 1180, height: 454 else width: 940, height: 362
  var width, height;
  if (this.outerWidth > 1280) {
    width = "1180px";
    height = "454px";
  }
  else {
    width = "940px";
    height = "362px";
  }
  $("#banner-example-1").css("width", width);
  $("#banner-example-1").css("height", height);
});
于 2012-10-25T04:32:11.780 に答える