BX Slider CSS代码无法显示

问题描述:

我的BX Slider不自动旋转。我已经找到了下面的CSS代码,但我不能看到它有什么问题。网站加载正常,图像滑块和控件也能正常工作,但它不会自动旋转。该网站的地址是:https://cherwellwindows.co.uk/BX Slider 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; 
} 

要让bxslider自动默认情况下没有任何交互滑动,使用auto: true因为默认是auto: false。以下是插件的可用选项http://bxslider.com/options

将此代码添加到bxslider脚本标记之后。

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

我应该在js文件或php代码下的html文件中添加这个吗? –

+0

你指的是哪个js文件? –