问题标签 [bxslider]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
721 浏览

jquery - Bx 滑块增加了巨大的宽度

我目前正在尝试使用引导程序构建一个站点。到目前为止一切都很顺利,直到我将 bx-slider 插件插入页面。

目前它增加了width: 999999px当我检查元素时的宽度,你可以想象它导致布局看起来很糟糕。滑块中的图像具有相同的高度和宽度。

这是html

这是JS

如您所见,我已尝试按照该网站上的建议添加 slideWidth 和 max min 幻灯片。

有没有人有什么建议?

只是将滑块更改为无序列表,并且将每张幻灯片更改为列表元素无济于事。滑块包装器和窗口的宽度很好,但它似乎将宽度添加到 bx-slider 元素。

0 投票
2 回答
6850 浏览

jquery - 如何使 bxslider goToSlide 函数没有动画 - 只是跳转/出现在幻灯片上?

我正在使用 bxslider,就滑块而言,这是一个非常棒的 jquery 滑块插件。

http://bxslider.com/

我使用该goToSlide();功能。


我正试图goToSlide跳到幻灯片 - 而不是动画。

有人可以帮忙吗?我做了一个小提琴...

http://jsfiddle.net/dHxAJ/1/


提前致谢!

0 投票
2 回答
1082 浏览

jquery - BxSlider4 第一个“下一个”滑动箭头

如果还没有其他幻灯片,我有一个关于如何在第一张幻灯片中隐藏下一个箭头的问题。我的幻灯片是动态生成的,一切都很好。如果只有一张幻灯片,我想要实现的只是将类“禁用”添加到控件中的下一个箭头。

谢谢

这是我使用的,但 id 没有做这项工作:(

0 投票
1 回答
5009 浏览

jquery - 每张幻灯片上 bxslider 中的自定义暂停选项值

我在ul元素上应用了 bxslider。但我想为每张幻灯片设置不同的暂停属性值。

在里面onSlideBefore,或者onSlideAfter我想设置下一张(如果代码在里面onSlideBefore)或当前幻灯片(如果代码在里面onSlideAfter)的暂停值,这样每个图像幻灯片都有自己的过渡值。

以任何方式感谢您的帮助。

0 投票
1 回答
553 浏览

php - jQuery滑块一次加载一个内容

我有一个滑块可以一次加载我的所有内容。进入一个div。像这样:

外部页面.php

我使用 bxslider 从我的 find.php 页面调用此页面

下面是我的 find.php 页面。

所以我得到的是 find.php 页面上的所有 .f_outer div。我有数百个用户,他们都会一次加载。我想一次只加载一张幻灯片。因此,当我单击#slider-like 时,它​​会从我的外部页面加载我的一次潜水。

0 投票
6 回答
38979 浏览

jquery - bxslider 在加载时计算错误的视口大小

无论如何,我最近开始使用 bxslider 并且遇到了问题。

它似乎在页面加载时错误地计算了它的视口大小,这意味着它在移动设备、平板电脑等上无法正常工作。

奇怪的是,当我调整浏览器窗口的大小(甚至只是一个像素)时,视口高度得到正确计算,一切看起来都很好。但是,如果我刷新具有相同高度和宽度的页面,bx-viewport 将无法正确计算。

知道为什么会这样吗?

HTML 看起来像这样(是的,我知道它可能与它没有任何关系,但仍然如此):

js 调用看起来像:

谢谢。

0 投票
1 回答
3083 浏览

mobile - BX 滑块和滚动页面

我将 bxslider 用于移动网站,水平滚动图像。问题是如果您触摸 bxslider,页面不会滚动。如何捕捉手指方向并向下滚动页面?谢谢。

0 投票
2 回答
2615 浏览

javascript - Bxslider 在 Firefox mac 的下一张幻灯片上显示为空白

我在(Firefox mac)上遇到 bxslider 问题,并在下一张幻灯片上获得空白视频。

不知道是什么问题,当我检查其他浏览器时看起来不错

这是我的测试链接 - http://elixirbox.com/temp/bxslider/

这是我的js代码

这是我的 html 代码

0 投票
1 回答
703 浏览

php - 动态更改块引用的内容

我需要在我的网站中动态更改块引用的内容。实际上,我必须从数据库中检索需要显示的内容,因此我需要使用 php 脚本来获取它们并以我需要的方式形成它们。

我尝试使用类似的东西: http: //dhtmlexamples.com/2011/02/18/dynamically-loading-content-using-ajax-and-xmlhttprequest/

但没有成功:/

我应该说我的块引用中有 html,尽管我认为这并不重要。

有人可以帮我吗?

编辑:这是一些代码

当我单击图像时,块引用会在可见的“平面”上移动。内容是用 init() 生成的;功能。上面提供的链接中描述了 init 函数和逻辑。

// 根据以下答案的建议更正了函数 - 使用 JQuery 函数 openpro(contentNumber){

如果您对实际创建内容而不是修复此解决方案有更好的建议,我支持它。------------------------------------- bxslider EDIT2:

我实际上称之为 bxslider(加上其他)。问题是我曾经像这样在 $(document).ready 调用中初始化 bxslider:

当我动态更改 div 的内容时,我想没有 bxlider 对象处理新内容,因此没有可见的滑块。我尝试将调用放在创建内容的函数中( openpro() )但徒劳无功。我也尝试过这样的事情:

但仍然没有成功。有没有人有任何想法?对不起,我刚开始使用网络开发语言,所以我有点无能为力..

0 投票
1 回答
2222 浏览

jquery-ui - bxslider 轮播代码

我正在尝试从该站点实现滑块

http://bxslider.com/

我使用了他们所说的确切程序,但我的代码仍然无法正常工作,你们能告诉我如何修复它吗

我正在提供我的小提琴代码打击

http://jsfiddle.net/v3efb/3/

http://jsfiddle.net/v3efb/3/embedded/result/

在下面提供我的代码