问题标签 [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.
jquery - jquery bxslider 记住在窗口调整大小 reloadShow() 函数上的幻灯片
在项目中使用 BxSlider jQuery 内容滑块 ( http://bxslider.com/ )。我在窗口调整大小时使用“reloadShow() 函数,以便内容重新对齐到中心。
reloadShow() 函数正在工作,但每次都会将我的幻灯片重置为第一张。相反,我想记住它所在的幻灯片并重新加载到该幻灯片。
这是我的 JS:
jquery - 在 bxslider 我想在当前幻灯片上添加一个类
我想在当前可见幻灯片中添加一个额外的类,我对 jquery 的了解不多,我正在通过以下代码进行尝试。
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 =。但没有运气。
jquery - bxslider displaySlideQty 问题
我目前正在用 bxslider 构建一个滑块。我认为一切正常,直到我需要向当前幻灯片添加一个活动类。我得到了这个工作正常,但在我的源代码中,我注意到幻灯片被复制了两次,如果不是 3 次。我的滑块中只有 3 张幻灯片。我已将 displaySlideQty 设置为 3 并将 moveSlideQty 设置为 1。
问题是正在添加活动类,但没有从重复的幻灯片中删除。下面是我的 bxslider 的 jquery 代码:
这是我的html:
这是萤火虫的输出:
请注意上面有 2 个活动课程。底部的不会改变。
iv 花了将近一天的时间,却一无所获!任何帮助将不胜感激
干杯,丹
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:
jquery - bx 滑块 DestroyShow 与 jquery lavaLamp 冲突
我遇到了 BX Slider 与 LavaLamp 冲突的问题。
这就是我所在的地方。
首先,我设置了 lavalamp 菜单,
并且当我在 Wordpress 中时,我添加了一行,将“current”类添加到任何具有“current-menu-item”类的菜单项中。
这一切都很完美......
但是,我现在希望幻灯片仅在幻灯片超过 3 张时才能运行,因此我添加了代码:
我做了一些探索,当我把slider.destroyShow()
线拿出来时一切都恢复正常了,谁能想到为什么会发生这种情况,或者用一种方法destroyShow
来达到同样的效果?我假设当destroyShow
命令运行时它会破坏 Lavalamp 插件中的某些内容。
提前感谢您的帮助。
jquery - 一起使用 bxslider 和 nivoslider - bxslider 不工作而 nivoslider 工作完美
我正在尝试在一页中同时使用 bxslider 和 nivoSlider 。
但是 bxslider 在我的 wordpress 中根本不工作 :( Nivo Slider 工作完美,没有问题。
这是我在“header_ins.php”中使用的 nivoslider,它被包含在“header.php”文件中:-
这是我在“header.php”文件中使用的 bxslider 源代码:-
但是 bxslider 在我的 wordpress 中根本不工作 Nivo Slider 工作完美,没有问题。
slider - BxSlider 不显示任何内容
我在我的网站上使用这些代码来制作 bxsilder
CSS
但是页面中什么也没有出现!除了 prev & next 这段代码有什么问题?
该帖子被拒绝,因为此消息“您的帖子没有太多上下文来解释代码部分;请更清楚地解释您的场景。” 所以我会重复这些话,直到它被接受!
“您的帖子没有太多解释代码部分的上下文;请更清楚地解释您的场景。” “您的帖子没有太多解释代码部分的上下文;请更清楚地解释您的场景。”
jquery - 从 bxSlider 的寻呼机中删除数字
我尝试使用 z-index: -1, color: transparent 和 visibility: hidden 等来从 bxSlider 寻呼机中删除数字,以便它只留下图像点。'color: transparent' 适用于除 IE 7 和 8 之外的所有浏览器上的文本。
用于 IE7 和 IE8 的 CSS 解决方案似乎根本不起作用。
任何帮助都可以从脚本本身中删除数字或能够使用 CSS 删除 IE7 和 8 中的文本。
谢谢。
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.