bxSlider插件与ajax调用相结合，可以在每次幻灯片移动时动态更改图像的源
bxSlider是一个流行的jQuery插件，用于创建响应式的幻灯片轮播效果。它可以轻松地创建一个具有动画效果的幻灯片，支持自动播放、无限循环、导航按钮等功能。
当与ajax调用相结合时，可以实现在每次幻灯片移动时动态更改图像的源。通过ajax调用，可以从服务器获取最新的图像源，并在每次幻灯片移动时更新图像。
具体实现步骤如下：
- 引入bxSlider插件和jQuery库到HTML页面中。
<script src="jquery.min.js"></script>
<script src="jquery.bxslider.min.js"></script>
<link href="jquery.bxslider.css" rel="stylesheet" />- 创建一个包含幻灯片的HTML结构。
<ul class="bxslider">
<li><img id="slide-image" src="default.jpg" /></li>
<li><img id="slide-image" src="default.jpg" /></li>
<li><img id="slide-image" src="default.jpg" /></li>
</ul>- 初始化bxSlider插件，并设置相关参数。
$(document).ready(function(){
$('.bxslider').bxSlider({
onSlideBefore: function($slideElement, oldIndex, newIndex){
// 在每次幻灯片移动之前触发的回调函数
// 可以在这里进行ajax调用，获取最新的图像源
$.ajax({
url: 'getNewImage.php',
success: function(data){
// 更新图像源
$('#slide-image').attr('src', data);
}
});
}
});
});在上述代码中，通过设置onSlideBefore回调函数，在每次幻灯片移动之前触发ajax调用。在ajax的成功回调函数中，更新图像源的src属性，使其显示最新的图像。
这样，当幻灯片移动时，bxSlider插件会自动调用ajax，并根据返回的数据更新图像源，实现动态更改图像的效果。
推荐的腾讯云相关产品：腾讯云对象存储（COS）。
腾讯云对象存储（COS）是一种高扩展性、低成本、安全可靠的云端存储服务，适用于存储和处理任意类型的文件，包括文档、图片、音视频等。它提供了简单易用的API接口，可以方便地与bxSlider插件和ajax调用相结合，实现动态更改图像的源。
产品介绍链接地址：腾讯云对象存储（COS）
相关·内容
1回答
我正在使用Bxslider，我想在我的幻灯片下面有一个部分，它以缩略图的形式显示幻灯片中的所有图像，例如，目前在我的幻灯片中有4个占位符图像。因此，下面的部分将这4个图像显示为缩略图。
我已经设法获取了图像，但很难将它们包装在HTML列表元素中，因为它只输出一个对象。
有什么想法吗？
JSFIDDLE
HTML
<!-- Main Slideshow -->
<ul class="bxslider bxslider--small">
<li><img src="http://placehold.it/960x720"
浏览 2提问于2016-11-30得票数 0
1回答
BxSlider IE问题
、、、、
我在IE浏览器中遇到了BxSlider的问题，在最后一张幻灯片之后，无限循环不会被触发，而且滑块在一个接一个地显示幻灯片时也会断裂。我正在使用Backbone js框架并动态加载BxSlider，然后面对同样的问题。 请任何人都可以帮助我解决这个问题。 this.bxslider = this.$('.bxslider').bxSlider({
pager: isTouch ? true : false,
infiniteLoop: true,
hideControlOnEnd:true,
adaptiveHeight: true,
浏览 21提问于2019-10-08得票数 0
我正在运行的最新版本(4.2.14)，除了寻呼机之外，一切都很好。
使用寻呼机在幻灯片之间切换时，暂停时间比应该的短得多：
复制步骤：
打开Fiddle：
当幻灯片#2出现时等待~3-4秒
单击寻呼机切换回幻灯片#1
暂停应该持续5秒(就像在“自动”模式下)，但是它只持续1-2秒。
我认为，每次使用寻呼机选择幻灯片时，暂停倒计时应该是重新检查到5秒。
我花了一段时间试图通过使用clickPagerBind()修复这个问题，在jquery.bxslider.js中的clearInterval(slider.interval);函数中找到一个解决方案，但是它没有工
浏览 0提问于2019-04-27得票数 3
回答已采纳
我似乎有一个问题，我没有看到在其他地方复制。
我们在客户网站(www.laparksfoundation.org)上有一个滑块。我们将滑块设置为infiniteloop =1(代码如下)。问题是，当滑块到达最后一张幻灯片时，它不会继续向右显示系列中的第一张幻灯片，而是将图像逐个滚动到左边，直到它到达第一个幻灯片，然后重新开始。
我们已经检查了代码，参数看起来还可以，但是，它跳到第一个，而不是直接滚动创建一个无缝的循环。
代码如下，任何帮助都是有帮助的。
$('.slider .bxslider').bxSlider({
pager: false,
浏览 2提问于2013-10-07得票数 3
因此，我将用于定制幻灯片。我制作了一个自定义寻呼机，因为要求幻灯片位于几个内容块的中心，这些内容块将充当寻呼机，而且我需要在幻灯片的不同侧面设置项目。幻灯片将自动旋转，直到用户悬停在内容块上，内容块将移动到与该项目相关的幻灯片上，并将其冻结。
原型：
我几乎让它起作用了。在我上面的例子中，它的工作时间很短，但是如果我在项目之间快速移动鼠标，整个程序就会冻结。如果我将寻呼机的在“事件”上更改为“”，单击“ everything”可以正常工作，但当您悬停在项目上时，我需要这样做，而不是单击。这让我相信，这个问题与在滑块从第一项移动到另一项之前悬停在另一项上有关，并且事情会被打破。
我当前的鼠标事件
浏览 1提问于2019-03-20得票数 1
回答已采纳
1回答
bx-滑块左、右滑动支持
、、、
我正试图弄清楚如何在bx滑块插件中进行左击和右滑动。我问的原因是因为我有一个bx滑块，它可以同步图像滑块和标题滑块。发生的是在最后到第一张幻灯片上，当我在图片上向左滑动时，标题反方向并从右边滑行，这是我不想看到的。我正在寻找一个简单的，但不太复杂的解决方案，bx-滑块，以检测滑动左，并做一个以前的幻灯片转换。
我对这个特性进行了研究，看到了hammer.js、触摸屏和jquery的swipeleft功能(希望使用这个功能，但只用于jquery移动库，而不是jquery本身)，但我真的不想使用库来实现简单的刷函数，而且在Javascript中有太多的代码无法从头开始使用。
我从来没有真正深入到b
浏览 4提问于2016-02-22得票数 2
回答已采纳
2回答
我在使用bxslider动态更新内容时遇到了问题。我可以通过在HTML中输入li项来成功加载内容。当我尝试用数据库中的新li内容附加或替换ul html时，它无法重新加载滑块。下面是我的脚本中的重要标记。有没有什么原因让我在console.log中看不到错误，也没有看到图片或幻灯片？
var url = 'image/picture.jpg';
updateSlider('<li><img src=\''+url+'\'></li>');
var slider, sliderConfig =
浏览 15提问于2016-09-18得票数 0
我正在使用创建我的图像幻灯片。图像是动态更新的。我的问题是旁白的淡入和淡出工作，甚至只有一个图像是存在的。我怎么才能阻止这一切？
are滑块选项如下
var coverSlider = $('.bxslider').bxSlider({
auto: true,
minSlides: 1,
maxSlides: 1,
pager: false,
speed: 500,
pause: 3000,
autoHover: true,
mode: '
浏览 15提问于2014-07-09得票数 6
回答已采纳
其他人如何在中设置图像的高度/最大高度？我喜欢滑块插件，但在文档中似乎没有提到如何保持幻灯片图像的统一大小。
假设你有许多不同大小的图像(肖像和风景)。如何使它们尽可能地接近100%的宽度，同时又与最大高度相关，以便bxSlider包装器始终是图像的高度，反之亦然。
目前，图像将其父图像的宽度填充到100%，如果所有图像的宽高比都相同，这是可以接受的。当比率不同时，bxSlider不会通过使图像的宽度变小来说明这种差异。
我知道adaptiveHeight选项，但这只是调整滑块的大小以适应图像。我个人并不认为这项功能有什么吸引力。
浏览 2提问于2013-11-05得票数 3
我正在使用bxslider，我想在平板电脑和移动设备上只显示一张幻灯片(768px及以下)，但当超过768px时，我希望显示6+幻灯片。有人能帮我解决这个问题吗？
<script>
$(function(){
$('.bxslider').bxSlider({
captions: true,
speed: 900,
pause: 7000,
startSlide: 0,
infiniteLoop: true,
auto: true,
video: true,
touchEnabled: false,
pager: false,
});
});
if ( $(wi
浏览 4提问于2019-01-07得票数 0
1回答
我正试图用am滑块制作一个图像滑块。我想使它成为一个2行滑块与5个图像显示在每一行。问题是，当我将所有代码添加到HTML、CSS和JavaScript中时，一切都会分崩离析。
我试着在页面的左边做一个滑块，并在滑块的右边添加一些文本，但是没有什么效果。我的滑块一直在列的一张幻灯片上显示我的图像，而另一张幻灯片则显示在一排幻灯片上。
$(document).ready(function(){
$('.wraper').bxSlider({
minSlides: 1,
maxSlides: 5,
mode: 'f
浏览 1提问于2019-08-17得票数 0
回答已采纳
我是jQuery和javascript的新手，还不能解决下面的bxslider问题。
我希望能够改变基于滑块位置的各种元素的css属性。
我已经在bxslider文档中查看了getCurrentSlide方法，但是使用下面的代码，我总是得到var current == 0。
slider = $('.bxslider').bxSlider();
var current = slider.getCurrentSlide();
我应该怎么做才能使当前变量等于当前幻灯片的索引值，并使索引值在每次幻灯片位置更改时更新？我的bxslider包含4张幻灯片。
--谢谢。
浏览 1提问于2013-02-10得票数 0
2回答
我有以下HTML代码：
<div class = "col-lg-6 col-xs-6 sectionPanel panel panel-default">
<div>
<h4 align="center">Information of </h4>
<hr/>
</div>
<br/>
<div id="addressesGroupCtrl1" class="center">
浏览 0提问于2017-10-30得票数 0
回答已采纳
2回答
我正在建立一个移动网站，我有一个图像的幻灯片放映，允许水平滑动图像。我使用的javascript库是bxslider。但是，如果有人触摸幻灯片放映并想要向上/向下滚动页面，则幻灯片放映会阻止垂直滚动，因此必须触摸站点的另一个部分。
谁能告诉我怎样才能保持垂直滚动(也就是说，不允许幻灯片阻止正常滚动？)
谢谢!
浏览 4提问于2013-02-05得票数 6
如果你去，你会在页面的顶部看到一张幻灯片。至少，如果你不使用chrome (特别是，这个问题似乎不会在safari、IE或firefox中出现)。
我经常遇到这样的问题，当从chrome加载页面时，bxslider中使用的图像不会加载。刷新通常可以解决问题。我看到的只是切换幻灯片的两个按钮，但是当点击这两个按钮时，没有任何反应。
我没有收到任何错误消息。
我假设问题是当$('.bxslider').bxSlider()；在$(Document)函数(.ready(){})内被调用时，图像还没有完成加载。然而，解决这个问题的好办法是什么呢？如果我将bxslider调用移动到win
浏览 1提问于2014-06-23得票数 1
我有一个水平旋转木马滑块与bxslider。我已经关闭了infiniteLoop，不允许滑块循环。
我想加载更多的幻灯片与AJAX的请求，并追加到滑块，一旦滑块到达终点。所以首先我要加载10张幻灯片，然后当滑块到达最后的时候再加载10张幻灯片。下面是我如何加载滑块。
$('.bxslider_read').bxSlider({
minSlides: 3,
maxSlides: 6,
slideWidth: 110,
slideMargin: 10,
pager:false,
infi
浏览 5提问于2015-03-09得票数 0
1回答
我有一个bxslider包含一个视频作为第一张幻灯片，然后三张幻灯片的图像.How我可以在bxslider自动幻灯片时，视频结束？
<ul class="bxslider" style="width: 615%; position: relative; transition-duration: 0s; transform: translate3d(0px, 0px, 0px);">
<li class="bx-clone" style="float: left; list-style: outside none none
浏览 13提问于2016-08-19得票数 0
📷
你好啊，
如果有人能帮我，我会非常感激的。我不知道在哪里添加幻灯片(或图片)到BXSlider。在一般的指导方针中，它应该是"bxSlider集成“下的添加幻灯片选项，但我没有看到。
我已经在WP 4.2和4.3上试过了。
谢谢!
浏览 0提问于2015-09-16得票数 0
2回答
我在一个模型中使用on滑块，由于模型应该根据用户选择显示图像，所以我动态地在滑块中编写html。
这是我的模态代码：
<div class="modal fade" id="figure_carousel" role="dialog">
<div class="modal-dialog" style="width: 80%; height: 100%;">
<div class="modal-content">
&
浏览 6提问于2015-11-14得票数 1
回答已采纳
我已经在ul元素上应用了bxslider。但是我希望每个幻灯片都有不同的pause属性值。
slider = $('.bxslider').bxSlider({
speed:500,
pause:5000,
onSlideBefore: function(){
},
onSlideAfter: function(){
}
});
在onSlideBefore或onSlideAfter中，我希望设置下一张幻灯片(如果代码在onSlideBefore中)或当前幻灯片(如果代码在onSlideAfter中)的暂停值，以便每个图像幻灯片都
浏览 0提问于2012-12-04得票数 0
回答已采纳
3回答
我在使用bxslider在ie7、ie8和ie9上运行多张幻灯片时遇到了问题。
我有这个jsfiddle：
$(document).ready(function () {
var slider = $('.bxslider1').bxSlider({
mode: 'fade',
captions: false,
minSlides: 3,
maxSlides: 3,
slideMargin: 10
});
浏览 5提问于2013-08-05得票数 1
我使用带有html数据的彩色框弹出窗口，但是在关闭弹出窗口之后，我注意到我的bxSlider仍然输出当滑块移动到下一张或上一张幻灯片时运行的console.log行。
当我关闭我的彩色盒弹出时，我需要禁用bxSlider。bxSlider代码位于html数据模板中(因此每次创建/加载颜色框弹出时，它都具有相同的bxSlider内联JS )。
我的彩色盒是用以下代码创建的：
$.ajax({
async: true,
type: 'GET',
url: page,
success: function(data)
浏览 1提问于2014-09-26得票数 0
回答已采纳
如果我放在第一个日期选择器上，bxslider就不会运行，如果我放在第一个的bxslider不是run..thanks的话，这两个函数怎么可能不会运行呢？
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http:/
浏览 2提问于2014-03-07得票数 0
1回答
在www.bxslider.com的jquery文件帮助下，我成功地在我的网站上创建了一个滑块。
在bx滑块上清楚地写着：
幻灯片可以包含图像、视频或HTML内容。
现在，在这段代码中，我有来自on滑块网站的图片。但是当我给它添加一些文本时，它就不再起作用了。
以下是我的HTML文件：
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://bxslider.com/lib/jquer
浏览 0提问于2013-06-06得票数 0
回答已采纳
2回答
BxSlider淡入淡出
、、、
StackOverflow‘’ers
我是jQuery的新手，但我目前正在使用BXslider插件。
<script type="text/javascript">
$(document).ready(function(){
$('#slider').bxSlider();
});
</script>
我要做的就是让每张幻灯片上的滑块从左向右滑进滑出。
浏览 0提问于2012-07-03得票数 1
回答已采纳
1回答
我的bx滑块出了点问题。它在台式机上运行良好，甚至在你将桌面屏幕缩小尺寸时也能正常工作。但是当你在移动设备上时，第二张幻灯片图像就消失了。
该网站目前位于以下位置：
我的html是：
<ul class="bxslider">
<li><img src="<?php echo get_template_directory_uri(); ?>/images/penthouse-bedroom.jpg" /></li>
<li><img src="<?php echo get
浏览 0提问于2015-03-02得票数 0
在测试了各种响应性jquery滑块之后，我决定使用go滑块。我现在迷路了，因为一个我不知道怎么解决的问题。我希望我的be滑块(4.1版)在我页面的右边
html
<div id="about">
<h2>My Title</h2>
<p>...Some Text...</p>
</div>
<div id="slideshow">
<ul class="bxslider">
<li><i
浏览 2提问于2013-05-29得票数 11
回答已采纳
我正在使用BXslider旋转木马，希望在旋转木马中按屏幕宽度显示特定数量的静态幻灯片。
我尝试使用jQuery resize()，但它不能正常工作。您可以在此处查看工作演示: pepnest.com/hbs
在这里，当你调整浏览器的大小时，它会降低幻灯片的高度。
这是我在JS文件中的代码：
$(document).ready(function(){
var width = $(window).width();
if (width < 368) {
$('.bxslider').bxSlider({
minSlide
浏览 1提问于2014-09-09得票数 0
1回答
Jquery滑块
、、、
我使用了不少jquery滑块，如bxslider、wooslider等，但它们都是幻灯片图像。有什么特殊的滑块可以滑动包含某些内容的div吗？如果是的话，请给我举几个例子。如果我尝试一个div而不是带wooslider/ of滑块的图像会发生什么？
浏览 1提问于2015-02-08得票数 0
回答已采纳
2回答
我有两张bxslider幻灯片，其中一张有多个“标签”，可以加载或隐藏内容。在不刷新整个页面的情况下，有没有办法动态更改滑动窗口的高度？
这是我正在使用的滑块：
从本质上讲，我希望为用于子类别按钮的标签添加一个操作。
浏览 1提问于2014-04-15得票数 2
所以，So滑块工作得很好，并且响应能力很强，直到我尝试设置多张幻灯片(3)以获得更宽的分辨率为止。一旦我尝试设置min幻灯片和max幻灯片选项，一切都将保持不变。
我试过这个基本的条件代码
if ($(window).width() < 600) {
$('.prodslide').bxSlider();
} else {
$('.prodslide').bxSlider({
minSlides: 3,
maxSlides: 3
});
}
我还查找了某个版本的变量，这些变量如下所示
var slid
浏览 2提问于2017-10-25得票数 1
回答已采纳
所以我使用的是bxslider幻灯片，我在桌面上显示了3张幻灯片--有人知道你能不能在移动设备上把它转换成一张幻灯片？我使用了下面的jQuery代码。 jQuery(document).ready(function($) {
var bx = $("#bxslider23").bxSlider({
minSlides: 3,
maxSlides: 3,
moveSlides: 3,
easing: 'easeInOutSine',
adaptiveHeight: true,
浏览 28提问于2020-08-22得票数 0
我已经安装了BXSlider ()。现在我想让下面的jQuery脚本在输入“幻灯片”时运行。
$(document).ready(function () {
$(".next-prev-nav").fadeTo( "slow", 1 );
$(".disable-slide-nav").hide();
});
(该脚本将再次启用滑块的导航。)
我试着搜索BXslider的网站，但我找不到任何关于它的东西。
希望有人能帮帮我。
浏览 1提问于2017-12-19得票数 0
我正在使用bx滑块为我的网站。我想知道，如果内容在滑过下一个幻灯片时，如何避免空白。它是否有可能显示或循环回第一张幻灯片。作为参考，我附上了下面的截图
正如你所看到的，因为没有更多的幻灯片，所以右边有空白。我怎样才能在那里显示第二张幻灯片，这样它就开始循环了。
function loadgallery() {
setTimeout(function () {
var maxSlides;
width = $(window).width();
if (width < 1023) {
浏览 2提问于2018-07-06得票数 1
回答已采纳
我正在使用am滑块来构建一个很好的旋转木马，每次显示两个项目。这是我的html：
<ul class="bxslider clearfix">
<li>
<span>Case Study</span>
<h3>The London Business School</h3>
<a href="#">+ See Full Case Study</a>
浏览 5提问于2014-11-15得票数 0
回答已采纳
我有一个问题，如果没有其他幻灯片存在，如何隐藏第一张幻灯片中的下一个箭头。我的幻灯片是动态生成的，一切都很好。所有我想要实现的是添加类“禁用”到控件中的下一个箭头，如果只有一张幻灯片。
谢谢
下面是我使用的，但id不能完成这项工作:(
$(document).ready(function(){
$('.bxslider').bxSlider({
minSlides: 1,
maxSlides: 1,
slideWidth: 214,
slideMargin: 5,
infiniteLoop: false,
hideControlOnEnd: true,
浏览 0提问于2012-12-04得票数 0
回答已采纳
2回答
这个问题可能听起来很傻，但它让我头疼。我想做一个垂直滚动的演示文稿，由不同的幻灯片组成；效果应该与这个网站“相似”：
我创建了一个包含不同幻灯片的无序列表：
<div id="main">
<div id="content">
<ul id="bg">
<li id="slide1"> <!-- content --></li>
<li id="slide2"> <!-- content -
浏览 4提问于2012-06-10得票数 3
回答已采纳
我一直试图让bxSlider上的选择器/箭头与幻灯片一起移动，但仍然不知道如何做。我需要他们像这样：
bxSlider的例子只是展示了如何将它们固定在滑块()之外，但是当我试图将它们放在幻灯片中时，它们只出现在第一个幻灯片上。
有什么办法吗？我觉得我错过了一些很愚蠢的东西。
任何帮助都是非常感谢的！谢谢！:)
这里是我的的链接
$('.bxslider').bxSlider({
auto: 'true',
mode: 'horizontal',
speed: 1000,
pager: false,
浏览 0提问于2016-09-12得票数 2
回答已采纳
当向下滚动经过bxslider，然后再向上滚动时，bxslider不再起作用，并在尝试滑动或单击移动bxslider时导致冻结。
这发生在iPhone上的ios 7.1上。
编辑：
独立演示：
要进行复制，只需先向上再向下滚动，然后开始使用滑块。它将在1到2张幻灯片中工作，然后停止工作。
浏览 1提问于2014-04-12得票数 3
我在jquery中使用bxslider插件。我将控件设置为false，并将新图像设置为“转到下一张幻灯片”和“上一张幻灯片”。
<a href="#" id="slider-previous"><img src='rightButton.jpg class="horSlideNext" /></a>
<a href="#" id="slider-next"><img src='leftButton.jpg' class="horS
浏览 1提问于2015-05-28得票数 1
我在使用bxslider时遇到了一个问题。我正在尝试创建一个旋转木马，其中几个图像彼此相邻，每次单击按钮时都会一个接一个地滑动。由于一次只显示一张幻灯片，因此displaySlideQty选项似乎已损坏。
我正在尝试重新创建这个：
示例：
浏览 3提问于2012-09-04得票数 1
回答已采纳
1回答
我正在寻找解决to滑块的问题，为每个幻灯片设置不同的暂停长度。我最初遵循的是解决方案，它在5或6张幻灯片上运行得很好，但是在sideshow超过10-15之后，旋转器现在就挂起了：
下面是基于上述示例使用的滑块代码：
<script>
$(document).ready(function(e) {
var ImagePauses = [15000,15000,15000,15000,15000,15000,15000,10000,10000,10000,10000,10000,10000,5000,5000,5000,5000,5000,5000,5000];
浏览 3提问于2016-11-30得票数 1
回答已采纳
1回答
我在我的rails应用程序中使用bxslider，它工作得很好。它每张幻灯片显示一张图片，但我想要的是每张幻灯片显示两张图片。
<ul class="bxslider">
<% @highlights.each do |highlight| %>
<% if highlight.area == current_or_guest_user.search_area or highlight.state == current_or_guest_user.search_state or highlight.city == current_or_gu
浏览 22提问于2019-08-11得票数 1
回答已采纳
1回答
动态更改块引用的内容
、、、
我需要在我的网站中动态更改区块引用的内容。我实际上必须从数据库中检索我需要显示的内容，所以我需要使用php脚本来获取它们，并以我需要的方式形成它们。
我试着使用类似的东西：
但是没有成功:/
我应该说我的块引用里面有html，尽管我不认为这有什么关系。
有人能帮我一下吗？
编辑:下面是一些代码
<blockquote class="pro-in" id="content" style="left:-10000px; opacity:0;"></blockquote>
当我点击一张图片时，块引号就会移动到可见的“平面”。内容
浏览 4提问于2012-12-14得票数 1
回答已采纳
1回答
我正在使用显示我的主页幻灯片在客户的网站上。它工作很好，是一个非常好的功能打包，免费，幻灯片工具，所以我不能抱怨。
但是，在bx幻灯片站点上，当没有加载图像时，它们会显示加载窗格。一旦图像加载，它就会显示加载的图像。然而，在我的站点上，当图像没有加载时，没有加载图像，它只是像在下面的图像中所看到的那样被折叠起来，直到图像加载到足够填充空间为止。
然后它突然加载，出现了这样的图像
当我等待图像加载时，为什么我没有得到加载图标填充该空间？下面是我目前用来调用滑块的jquery
slider = $('.bxslider').bxSlider({
auto
浏览 5提问于2017-02-17得票数 1
回答已采纳
1回答
我举起代码(bx滑块)和一些问题：
$('.bxslider-02').bxSlider({
mode: 'vertical', speed: 500, slideMargin:0, infiniteLoop: true, pager: false, controls: true, slideWidth: 276, minSlides: 3, maxSlides: 3, moveSlides: 1, adaptiveHeight: false
});
如果我只有三张幻灯片(旋转木马没有继续)，什么会导致高度变化的问题。如果我有许多幻灯片2和3宽，只有这两个。它不
浏览 1提问于2014-11-29得票数 0
回答已采纳
2回答
我有一个文件夹，其中保存来自网络摄像头的图像每X次。
我想用这些图像来创建一个没有过渡效果或音乐=>的幻灯片，我想做一个时间片！
这些幻灯片必须是动态的(我可以使用php来构建图像列表，每次用户想要观看“视频”时)。
有什么建议和代码可以做到这一点吗？Javascript？Php？或者其他人？？
谢谢！
浏览 0提问于2011-09-26得票数 2
回答已采纳
一页上有两个滑块。以相同的时间和设置调用。一个滑块是图像滑块，另一个是它的标题。两者都位于html的截然不同的区域。
but滑块正在为每个幻灯片创建一个播放/暂停，但我希望有一个按钮来暂停当前页面上的所有幻灯片。这是因为幻灯片显示是相对的，必须保持：
滑块A-滑块1/滑块B-滑块1
滑块A-滑块2/滑块B-滑块2
滑块A-滑块3/滑块B-滑块3
等。
现在，当我暂停一个幻灯片，另一个继续，当游戏被按下，他们不再同步。
.bxslider &. my滑块内容都是我的my滑块类。
谢谢!
<script type="text/javascript">
$
浏览 1提问于2013-11-11得票数 1
回答已采纳
1回答
有没有一种方法，我可以从ajax在bxSlider中插入幻灯片，而不影响流畅性！
我只想在页面加载上显示1张幻灯片的内容，然后单击下一页或上一页将相应地加载内容。
这是我尝试过的。
<div id="slider1">
<div class="hotProp pager">
//Here is div content for the first time page load
</div>
</div>
<script type="tex
浏览 0提问于2012-08-06得票数 0
2回答
嗨，伙计们，我使用bxslidder作为响应滑块。它工作良好，很少幻灯片；我想幻灯片更多的图像。有什么插件吗？这是我的链接
在这里，我只幻灯片四张图片，我需要滑动更多，帮助我。也是为了回应。
我的剧本
<script type="text/javascript">
$(document).ready(function(){
$('.gallery_slidder').bxSlider({
pagerCustom: '.gallery_paging'
});
});
</script>
我的html
&l
浏览 5提问于2013-06-08得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
