Javascript 如何在用于jQuery的bxSlider插件上使用随机图像选项?
我曾多次尝试在jQuery滑块插件bxSlider上使用random image选项,但似乎没有找到答案 我正在使用jQuery1.8.3作为我的js/jQuery类作业的要求 任何和所有的帮助将不胜感激 HTMLJavascript 如何在用于jQuery的bxSlider插件上使用随机图像选项?,javascript,jquery,jquery-plugins,bxslider,Javascript,Jquery,Jquery Plugins,Bxslider,我曾多次尝试在jQuery滑块插件bxSlider上使用random image选项,但似乎没有找到答案 我正在使用jQuery1.8.3作为我的js/jQuery类作业的要求 任何和所有的帮助将不胜感激 HTML 带bxSlider的旋转木马 $(文档).ready(函数(){ $(“#滑块”).bxSlider({ 显示幻灯片数量:1, 移动滑块数量:1, 默认值:false, 选项:(真/假) } ); }); 关于我们 2012年6月6日,维克塔公司搬进了新的4层楼,35000 平方英
带bxSlider的旋转木马
$(文档).ready(函数(){
$(“#滑块”).bxSlider({
显示幻灯片数量:1,
移动滑块数量:1,
默认值:false,
选项:(真/假)
}
);
});
关于我们
2012年6月6日,维克塔公司搬进了新的4层楼,35000
平方英尺的设施。下面是一些新设施的照片
尝试更仔细地阅读文档,而不仅仅是复制/粘贴randomStart
选项为true或false,因此需要将其设置为randomStart:true
Ok。粘贴后,我用标签标出缩进的代码4空格。是否有什么我做错了的事情需要纠正,以便我能更好地发布?谢谢你的意见,雅各布。随机启动选项非常有效!我不明白你在评论中问了什么,但如果randomStart
有效,那么它就被解决了,对吗?是的,它被解决了。再次感谢!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Carousel with bxSlider</title>
<link href="styles.css" type="text/css" rel="stylesheet">
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<script type="text/javascript" src="http://code.jquery.com/jquery-
1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.bxSlider.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#slider").bxSlider({
displaySlideQty: 1,
moveSlideQty: 1,
default: false,
options: (true/false)
}
);
});
</script>
</head>
<body>
<section>
<h1>About Us</h1>
<p>On June 6th, 2012, Vecta Corp. moved into its new 4 story, 35,000
square foot facilty. Below are a few pictures of the new facility.</p>
<p id="caption"></p>
<ul id="slider">
<li><img src="images/building_01_thumb.jpg" title="Front of
building" width="200"></li>
<li><img src="images/building_02_thumb.jpg" title="Left side of
building" width="200"></li>
<li><img src="images/building_03_thumb.jpg" title="Rear of building"
width="200"></li>
<li><img src="images/building_04_thumb.jpg" title="Offices"
width="200"></li>
<li><img src="images/building_05_thumb.jpg" title="Conference room"
width="200"></li>
</ul>
<p id="pager"></p>
</section>
</body>
</html>