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

jquery - jquery bxslider 记住在窗口调整大小 reloadShow() 函数上的幻灯片

在项目中使用 BxSlider jQuery 内容滑块 ( http://bxslider.com/ )。我在窗口调整大小时使用“reloadShow() 函数,以便内容重新对齐到中心。

reloadShow() 函数正在工作,但每次都会将我的幻灯片重置为第一张。相反,我想记住它所在的幻灯片并重新加载到该幻灯片。

这是我的 JS:

0 投票
4 回答
41651 浏览

jquery - 在 bxslider 我想在当前幻灯片上添加一个类

我想在当前可见幻灯片中添加一个额外的类,我对 jquery 的了解不多,我正在通过以下代码进行尝试。

0 投票
2 回答
6203 浏览

jquery - 如何为 bxSlider 内的元素正确添加边距

目标:有一个能够滑动DIV的滑块,元素之间必须有间隙。

问题:我有 6 张幻灯片(DIV),它们应该是这样的:http ://cl.ly/image/3t2Q0w1N350y (这不是很准确的例子,因为左边幻灯片中的图像被切割了大约 15 个像素。但我希望它将给出需要实现的目标的想法。)

我使用来自 bxslider 网站示例页面的代码:

正如我所说的幻灯片需要在元素之间有间隙,所以我添加了 margin-right: 20px; to .element 但结果很奇怪...现在元素之间有一个间隙,但是几圈后元素本身并没有正确显示。(例如:http ://cl.ly/image/3J0O2e360N1m )

所以我的问题是:如何为滑块中的元素正确添加边距/填充(无论如何)?我不确定这个问题是 CSS 还是 JS 相关,但我希望有人知道解决方案。

我尝试了不同的边距/填充,我还尝试添加固定数字而不是 getWrapperWidth(); 到 bxSlider 代码中的 wrapperWidth =。但没有运气。

我的测试页面:http ://restop.cutepictures.ru/htmlmockup/test.html

0 投票
0 回答
1384 浏览

jquery - bxslider displaySlideQty 问题

我目前正在用 bxslider 构建一个滑块。我认为一切正常,直到我需要向当前幻灯片添加一个活动类。我得到了这个工作正常,但在我的源代码中,我注意到幻灯片被复制了两次,如果不是 3 次。我的滑块中只有 3 张幻灯片。我已将 displaySlideQty 设置为 3 并将 moveSlideQty 设置为 1。

问题是正在添加活动类,但没有从重复的幻灯片中删除。下面是我的 bxslider 的 jquery 代码:

这是我的html:

这是萤火虫的输出:

请注意上面有 2 个活动课程。底部的不会改变。

iv 花了将近一天的时间,却一无所获!任何帮助将不胜感激

干杯,丹

0 投票
1 回答
5070 浏览

jquery - bxslider IE Issues , Images stacked vertically

I am currently re creating my portfolio page , It is a work in progress... On my home page I have a bxslider from bxslider.com , it works in all other browsers but on IE , it has no transitions and just simply stacks the images on top of each other...

The page can be viewed here

CSS as follows:

HTML as follows:

0 投票
0 回答
419 浏览

jquery - bx 滑块 DestroyShow 与 jquery lavaLamp 冲突

我遇到了 BX Slider 与 LavaLamp 冲突的问题。

这就是我所在的地方。

首先,我设置了 lavalamp 菜单,

并且当我在 Wordpress 中时,我添加了一行,将“current”类添加到任何具有“current-menu-item”类的菜单项中。

这一切都很完美......

但是,我现在希望幻灯片仅在幻灯片超过 3 张时才能运行,因此我添加了代码:

我做了一些探索,当我把slider.destroyShow()线拿出来时一切都恢复正常了,谁能想到为什么会发生这种情况,或者用一种方法destroyShow来达到同样的效果?我假设当destroyShow命令运行时它会破坏 Lavalamp 插件中的某些内容。

提前感谢您的帮助。

0 投票
1 回答
537 浏览

jquery - 一起使用 bxslider 和 nivoslider - bxslider 不工作而 nivoslider 工作完美

我正在尝试在一页中同时使用 bxslider 和 nivoSlider 。

但是 bxslider 在我的 wordpress 中根本不工作 :( Nivo Slider 工作完美,没有问题。

这是我在“header_ins.php”中使用的 nivoslider,它被包含在“header.php”文件中:-

这是我在“header.php”文件中使用的 bxslider 源代码:-

但是 bxslider 在我的 wordpress 中根本不工作 Nivo Slider 工作完美,没有问题。

0 投票
2 回答
2488 浏览

slider - BxSlider 不显示任何内容

我在我的网站上使用这些代码来制作 bxsilder


CSS

但是页面中什么也没有出现!除了 prev & next 这段代码有什么问题?


该帖子被拒绝,因为此消息“您的帖子没有太多上下文来解释代码部分;请更清楚地解释您的场景。” 所以我会重复这些话,直到它被接受!

“您的帖子没有太多解释代码部分的上下文;请更清楚地解释您的场景。” “您的帖子没有太多解释代码部分的上下文;请更清楚地解释您的场景。”

0 投票
5 回答
4831 浏览

jquery - 从 bxSlider 的寻呼机中删除数字

我尝试使用 z-index: -1, color: transparent 和 visibility: hidden 等来从 bxSlider 寻呼机中删除数字,以便它只留下图像点。'color: transparent' 适用于除 IE 7 和 8 之外的所有浏览器上的文本。

用于 IE7 和 IE8 的 CSS 解决方案似乎根本不起作用。

任何帮助都可以从脚本本身中删除数字或能够使用 CSS 删除 IE7 和 8 中的文本。

谢谢。

0 投票
1 回答
1316 浏览

jquery - Query String to Control BXSlider startSlide

I am trying to have the start slide on bxslider controlled by a query string. For example, the url http://page.html?id=3 would start slide three and the user could then advance the slides in an infinite loop. The code I currently have is:

I am not sure how to pull the query string value and then insert its value into the startSlide. Any help would be appreciated.