2013-10-09 26 views
0

我正在嘗試使bjqs大於開箱即用,並利用其響應功能。在幻燈片的幻燈片動畫版本上這樣做的問題是,我仍然可以看到其他未處於焦點的幻燈片。我使用css來調整它的大小,而不是它提供的js,因爲這似乎不起作用。它應該是設置最大值,如果響應是真實的,但無論它不適用於我。如何使BJQS變得更大,響應更快

最簡單的方法來看我的問題是從這裏下載http://www.basic-slider.com/和web開發工具。但這裏是我的代碼不管:

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 
    }); 

回答

1

我加了 '高度': '自動',

在我的JS調用

。所以,你必須

高度:500註釋掉,

變化,要「高度」:「自動」,

並取消它,所以它被讀取。

我也完全離開寬度並沒有在我的js有增加任何價值。

希望這會有所幫助。

James

相關問題