2017-06-15 11 views
0

BXスライダが自動回転していません。私は以下のCSSコードを見つけましたが、何が間違っているのかわかりません。ウェブサイトが正常に読み込まれるので、イメージスライダとコントロールが機能しますが、自動回転はしません。ウェブサイトのアドレスは次のとおりです。https://cherwellwindows.co.uk/BXスライダCSSコードが滑っていない

/* AUTO CONTROLS (START/STOP) */ 

.bx-wrapper .bx-controls-auto { 
text-align: center; 
} 

.bx-wrapper .bx-controls-auto .bx-start { 
display: block; 
text-indent: -9999px; 
width: 10px; 
height: 11px; 
outline: 0; 
background: url(images/controls.png) -86px -11px no-repeat; 
margin: 0 3px; 
} 

.bx-wrapper .bx-controls-auto .bx-start:hover, 
.bx-wrapper .bx-controls-auto .bx-start.active { 
background-position: -86px 0; 
} 

.bx-wrapper .bx-controls-auto .bx-stop { 
display: block; 
text-indent: -9999px; 
width: 9px; 
height: 11px; 
outline: 0; 
background: url(images/controls.png) -86px -44px no-repeat; 
margin: 0 3px; 
} 

.bx-wrapper .bx-controls-auto .bx-stop:hover, 
.bx-wrapper .bx-controls-auto .bx-stop.active { 
background-position: -86px -33px; 
} 

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ 

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { 
text-align: left; 
width: 80%; 
} 

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto 
{ 
right: 0; 
width: 35px; 
} 

答えて

1

自動的にデフォルトがauto: falseあるのでauto: trueを使用し、対話なしで、デフォルトではスライドbxsliderを持つために。プラグインで利用可能なオプションは次のとおりですhttp://bxslider.com/options

このコードをbxsliderスクリプトタグの後に追加します。

$('.bxslider').bxSlider({ 
    auto: true 
}); 
+0

これをjsファイルまたはhtmlファイルのPHPコードに追加する必要がありますか? –

+0

どのjsファイルを参照していますか? –

関連する問題