问题标签 [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 投票
3 回答
17075 浏览

counter - bxSlider 当前幻灯片数量显示/总幻灯片显示

我想以 getCurrentSlide / getSlideCount 的格式构建带有分页的 bxslider。像这里的东西。

我的html代码:

JS代码:

我假设,我需要使用 getCurrentSlide / getSlideCount,但我没有找到任何示例。

任何帮助,将不胜感激。谢谢!

0 投票
3 回答
6427 浏览

javascript - bxSlider onAfterSlide 回调

大家早上好 :) 我这里有一个问题,我的脖子已经痛了 2 天了。我正在使用 bxSlider 让图像在页面上滑动,并且在 onAfterSlide 回调中调用我自己的函数。除了一件事,一切都很好。当我在幻灯片之间快速切换时,我的函数被调用了 2-3 次(我在页面上有 3 张图像),这不好,因为它返回了意外的结果。我不能使用最新版本的 bxSlider,因为标记已更改。我认为会发生这种情况,因为调用 onAfterSlide 回调时动画仍未完成。这就是我调用 bxSlider 的方式:

这是我的功能:

任何帮助表示赞赏。谢谢。

编辑: 我尝试添加.stop(),但没有帮助。

0 投票
1 回答
2160 浏览

javascript - 如何在 mouseleave 上禁用 bxSlider?

是否可以在 mouseleave 上停用插件“bxSlider”?

请指教...

0 投票
1 回答
4954 浏览

jquery - BxSlider - 获取第一张和最后一张幻灯片

我正在使用BxSlider制作滑块。我已将其设置为当时显示 3 张幻灯片。工作正常。现在我试图通过计算当前和总幻灯片数来获得第一张和最后一张幻灯片。目前我总共有 10 张幻灯片 - 这个数字可能会有所不同 - (当时显示 3 张),所以我的功能不起作用。如果我显然有六或九张幻灯片,它就可以工作。

我对获得第一张和最后一张幻灯片感兴趣的原因是因为我将分别隐藏最后一张和正确的链接。在这里看我的小提琴。我的功能是这样的:

- 但是当 lastslide 得到小数时,坏事就开始发生了。有人知道如何解决这个问题吗?请参阅 bxSlider 文档的第一个链接。

0 投票
2 回答
4931 浏览

jquery - 如何在 BxSlider 没有动画的情况下移动到下一张幻灯片?

我正在使用 jQuery 插件bxSlider

有两个自定义按钮,prev用于next切换滑动。
但是,在特定情况下,我需要移动到没有动画的幻灯片,我希望它是即时的。

有没有办法做到这一点?

0 投票
1 回答
10806 浏览

bxslider - bxslider 对于动态加载的内容无法正常工作

必须将 bxslider 用于其中一个应用程序。我在尝试使用通过 ajax 动态加载的内容实现 bxslider 时遇到了一些问题。

它突然起作用。有趣的是,当通过打开开发工具或窗口大小改变视口时,它有时会起作用

只是想了解以前是否有人遇到过此问题以及可能的解决方法。

谢谢

0 投票
3 回答
11737 浏览

javascript - 安装 BxSlider

我是网站设计的初学者,我正在尝试为我的公司创建一个更现代的网站。当前的一个不那么迷人(Greenlite.co.uk)。

在花了很多时间尝试为主页制作 Flash 横幅后,我突然想到 Flash 可能已经过时并且无法从所有平台上查看。这是我遇到 BxSlider 的时候,它看起来真的很棒!如果我能让它在我的网站上工作就好了。

我使用的是 CoffeeCup Visual Site Designer,然后我使用了“添加 HTML”工具。进入“插入 HTML”窗口,我放置如下;

我已尽我所能遵循 bxslider.com 上显示的说明。我从 bxslider 下载了包,将文件添加到 coffeecup 并链接脚本中的位置。我还将我的图像添加到 CoffeeCup 并写在它们的位置。

当我预览我的网站时,我的三张图片同时显示,每一张都在另一张下方,并带有一个鼠标悬停在标题上。图像旁边是一个要点。

我想要实现的是一个带有自动启动、显示停止/启动控件和标题的 Bxslider。

我尝试了很多变化,我展示的脚本是我最初的尝试。

我最接近工作 Bxslider 的方法是复制我从网站上找到的旧版本 bxslider 的代码。这给了我一个带有标题的图像幻灯片。如果我试图根据我的规范编辑代码,那么它会让我回到原点。

我完全意识到我可能会犯一个非常明显的错误。然而,对于未经训练的人来说,它只会让我头疼。任何帮助将不胜感激。

0 投票
1 回答
19906 浏览

javascript - Bxslider 边框问题

尝试正确对齐 bxslider 边框,使其适合我的图像。

我已经尝试了许多不同的图像,bxslider 在不同的设置。

如果我删除选项“Mode:'Fade”和“Captions:“True”,Bxslider 实际上会适合图像,虽然我可以在没有字幕的情况下生活,但我确实希望有淡入淡出过渡。

你可以在这里看到我的意思http://www.dennysplace.co.uk/

这也是一个工作 jsfiddle http://jsfiddle.net/FLuRH/

代码如下

和这里的 CSS

0 投票
2 回答
1973 浏览

javascript - bxslider 不会停止

我遇到了一个问题,当我单击导航菜单上的链接时,滑块不会停止自动播放。我通过以下方式启动滑块:

它会自动播放和工作,但是如果我尝试通过创建 onclick 函数或 .click() jQuery 来停止滑块,例如:

它似乎在一瞬间做某事,然后重新开始。我需要停止滑块的原因是,我使用 jQuery 航路点作为锚链接以平滑水平滚动,并且面板开始向后移动 1 或 2 个像素,这对用户来说真的很烦人。

任何帮助,将不胜感激。

0 投票
2 回答
2705 浏览

jquery - bxslider 在无限循环中显示空白空间

我以这种方式在我的项目中添加了一个 bxslider:jquery:

HTML部分:

当我们单击下一个按钮时,我们会看到图像在滑块中 1 个 1 移动。当滑块的所有图像完成后,它会再次从第一个图像开始旋转 - 在这种情况下,我们会看到一个小的“空白区域”然后是第一张图片。我们想要一个平滑的循环循环工作,而不会看到任何空白空间。

上述问题的链接是

http://neelamsharma.s3.amazonaws.com/simplehtml/testing/testing.html

谁能告诉我这个的解决方案?这将是非常可观的

提前感谢您的帮助!