问题标签 [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 - 格式化 bxSlider 图像滑块
我正在努力解决如何格式化 bxSlider 图像滑块(http://www.bxslider.com/)。
我正在尝试复制此示例中的图像滑块:http: //bxslider.com/examples/display-move-multiple-slides-once-example-one
当我按照 bxSlider 网站上的说明进行操作时,我得到的结果中没有任何格式。我想我需要创建一个指向包含的 CSS 文件的链接(不知道为什么这不是他们说明的一部分),这给了我“上一个”和“下一个”按钮图标,但滑块非常长,每个图像之间有 700 像素的边距,并且超过了浏览器窗口的宽度。
似乎 JQuery 的一部分是在它遇到的 div、ul 和 li 上附加宽度很长的内联样式。
我找到了这个,但是问题没有答案:bxslider style configuration
javascript - bxSlider - 在滑块内移动控件
我正在尝试使用 bxSlider ( http://bxslider.com/ )。
禁用控件 ( controls:false
) 时,控件以前所在的左侧和右侧的边距或填充仍然存在。这意味着我失去了很多宝贵的空间。
看到第一张图片是我在禁用控件后得到的,第二张是它应该是的宽度。我不仅浪费空间,而且在单击下一张幻灯片时,我会看到上一张幻灯片的一部分不适合。
我试图强制<ul>
标签和标签上的宽度,<li>
但它没有帮助:
在查看 Firebug 时,我看到插件到处都添加了 626 的宽度。我没有写这个,有些东西正在生成那个数字:
作为参考,我试图构建的最终东西应该是这样的:
看看我需要如何将控件放在幻灯片内...
javascript - jQuery bxSlider 和 jQuery-ui 选项卡
我将 jQuery-ui 用于它的选项卡功能,并且还使用 bxSlider 仅在第一个选项卡中滑动图像/内容。但是,当我单击第二个选项卡时,bxSlider 的“prev”和“next”选项仍在我的容器中。我尝试使用event.stopPropagation()
,event.preventDefault()
并stop()
停止该功能,在意识到这些不起作用后,我尝试创建这样的功能:
其中 '#ab' 是选项卡,#showcase 是图像所在的列表元素。此功能不会完全阻止 bxSlider 处于活动状态,它只会隐藏控件。然而,这也不起作用。
有谁知道如何做到这一点?
这是我的 HTML:
这是我的 JavaScript:
任何帮助将不胜感激!如果无法做到这一点,有人可以将我重定向到类似的图像/内容滑块,以便我可以完成这项工作吗?
css - 在浮动动态生成的元素(bx 滑块)上无法识别悬停
我正在使用 bx Slider,对上一张和下一张幻灯片使用外部控件。一切正常。但是,我正在为控件使用浮动元素,因为我希望它们排成一行并填充整个包含 div (如在这个问题CSS 三个内联元素中,从左到右对齐,如何占据所有可用宽度)
但是,控件是由 bxSlider 动态生成的,并且由于某些奇怪的原因,如果元素是浮动的,则无法识别悬停
这是一个示例页面:http ://demitogroup.comuv.com/d_store/copia.html
如果我用萤火虫关闭浮动到#external_promo_controls div 悬停再次被识别。
如果链接不是动态生成的,则不会出现问题。
在 Chrome 上也会发生同样的情况。
我完全不知道发生了什么。
可以尝试找出避免使用浮动元素的方法,但随后我将再次回到我的第一个问题......
jquery - 通过单击链接打开页面时,图像不会显示
这是我的页面。
在它的底部有一个图像列表(bx-slider),当您单击链接(菜单上的画廊)时不会出现该列表,但是当您按 F5 时它会加载。
有谁知道它为什么会出现奇怪的行为?
编辑:这是解释我所说的视频: http ://wearesoda.com/development/2012-08-28_1059.swf
sharepoint-2010 - 带共享点的 bxslider
我为使用 bxslider 的 sharepoint 2010 网站开发了一个 webpart。当我在英文页面中使用此 Web 部件时,它可以在阿拉伯语中呈现内容,但在页面加载完成时它会闪烁并消失。
我使用以下代码:
在 sharepoint 母版页上我使用:
任何人都知道我可以做些什么来让它在页面加载后出现。
javascript - bxSlider 字幕 - 多个属性
我正在将 bxSlider 用于网站,我需要获取标题才能使用 title 和 alt 属性。
bxSlider jQuery中的代码如下;
现在,我可以轻松地将其更改为使用一个或另一个属性。我不确定如何让这个同时使用标题和替代。
提前致谢。
jquery - Bxslider 问题:仅显示一张幻灯片
我在使用 bxslider 时遇到问题。我正在尝试创建一个由多个图像组成的轮播,每次单击按钮时,这些图像都会滑动一次。似乎该displaySlideQty
选项已损坏,因为一次只显示一张幻灯片。
我正在尝试重新创建这个:http ://bxslider.com/examples/display-move-multiple-slides-once-example-one
示例:http: //jsfiddle.net/tCeCe/
javascript - 对 jQuery bxSlider 插件自动生成的第一个 li 元素应用左边框
我正在寻找一种方法来在第一个上应用一个左边框li
,它是由 jQuery bxSlider 插件生成的,它是“活动的”,即有一个pager
. 这是 bxSlider 插件生成的输出:
我不想在所有元素上应用 1px 左边框,因为这会导致连接元素的边框为 2 像素,因为我也有 1 像素的右边框。