javascript - 如何使 BJQS 更大并响应更快

Question

我正在尝试使 bjqs 比开箱即用的更大，并利用其响应功能。在 slider 的幻灯片动画版本上执行此操作的问题是我仍然可以看到其他不在焦点的幻灯片。我正在使用 css 来调整它的大小，而不是它提供的 js，因为这似乎不起作用。如果 responsive 为真，它应该设置最大值，但无论如何它对我不起作用。

查看我的问题的最简单方法是从此处下载 http://www.basic-slider.com/和网络开发工具。但无论如何，这是我的代码:

CSS:

#news-box-advertising {max-width: 100% !important;   }

.bjqs-wrapper {width: 1600px !important; }

.bjqs-slide img {width: 100% !important; }

.bjqs-slide .widgetDropped{ width: 100%; margin: 0px; }
.bjqs-slide .widgetDropped .Panel_contentMiddle{padding: 0px;}
.bjqs-slide .widgetDropped .Panel_contentMiddle > p{display: none;}
.bjqs-slide #ctl00_ContentPlaceHolder1_widgetLayout_rptWidgets_ctl02_widgetContainer_ctl00_pnlFormattedMsgBox { background:transparent; border:0px; max-width: 100% !important; height: 100%;}
.brdcrmhdr + br{display: none;}
 ul.bjqs{ position:relative; list-style:none; padding:0; margin:0; overflow:hidden; display:none;}
li.bjqs-slide{  position:absolute; display:none;}
ul.bjqs-controls{width: 100%; height: 100%; margin: 0 !important; padding: 0; z-index: 99; position: absolute; top: 0; }
ul.bjqs-controls.v-centered li a{position:absolute;width:45px;text-indent:-9999px;  height: 100%; }

js:

$('#news-box-advertising').bjqs({
        commented out // 'height' :  500;
        commented out // 'width' : 1500; 
        'animtype' : 'slide',
        'centermarkers': false,
        'responsive' : true
    });

Answer 1

我添加了 'height' : 'auto',

在我的 js 调用中。所以你在哪里

height : 500 注释掉,

将其更改为“高度”:“自动”，

并取消注释以便阅读。

我也完全忽略了宽度并且没有在我的 js 中添加任何值。

希望这对您有所帮助。

詹姆斯