0

私はbjqを箱から出してすぐに使えるものよりも大きくし、そのレスポンシブ機能を利用しようとしています. スライダーのスライド アニメーション バージョンでこれを行う際の問題は、フォーカスされていない他のスライドが表示されることです。それが機能しないように見えるため、提供するjsの代わりにcssを使用してサイズを調整しています。レスポンシブがtrueの場合、最大値を設定することになっていると思われますが、それでもうまくいきません。

私の問題を確認する最も簡単な方法は、 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
    });
4

1 に答える 1

1

「高さ」を追加しました：「自動」、

私のjs呼び出しで。だからあなたが持っている場所

height : 500 コメントアウト、

それを 'height' : 'auto' に変更します。

コメントを外して、読み取られるようにします。

また、幅を完全に省略し、js に値を追加しませんでした。

お役に立てれば。

ジェームズ

于 2014-02-13T01:41:18.620 に答える