Question

当浏览器大小超过1280像素时，我需要将此滑块更改为1180x454。不确定如何在CSS之外进行@media类型更改。感谢。

<script type="text/javascript">

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

                });                     
        });

        </script>

Answer 1

这可能不是最好的解决方案，但考虑到滑块的一些限制，似乎除了在窗口调整大小时滚动自己的缩放功能外别无选择。

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

Here's a basic jsfiddle as an example。您可以执行以下操作，查看窗口大小是否为特定宽度，如果是，请包含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);
});

使用窗口大小更改jQuery幻灯片大小

1 个答案: