问题标签 [bjqs]

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 回答
1123 浏览

javascript - 调整窗口大小时 BJQS 滑块的多个实例

我想在窗口调整大小时调整 bjqs 滑块的大小..

这就是我到目前为止所得到的:

我尝试使用 $(window).resize 调整它的大小,但是有多个实例正在运行

有谁知道我如何调整它的大小并只保持 1 个实例运行?

0 投票
4 回答
1220 浏览

javascript - BJQS 滑块在点击时暂停

我在我的网站上使用 BJQS 滑块。

我也在同一个网站上使用fancybox。

我希望 BJQS 在fancybox 打开时暂停并在关闭时恢复。

有谁知道我如何为 BJQS 创建一个暂停/播放切换按钮?

谢谢

0 投票
1 回答
2724 浏览

javascript - 如何使 BJQS 更大且响应更快

我正在尝试使 bjqs 比它开箱即用的更大,并利用它的响应功能。在滑块的幻灯片动画版本上执行此操作的问题是我仍然可以看到其他不在焦点的幻灯片。我使用css而不是它提供的js来调整它的大小,因为这似乎不起作用。如果响应为真,它应该设置最大值,但不管它对我不起作用。

查看我的问题的最简单方法是从这里下载http://www.basic-slider.com/和 web 开发工具。但无论如何,这是我的代码:

CSS:

js:

0 投票
1 回答
518 浏览

jquery - 基本 Jquery Slider(bjqs) 不能与一张幻灯片一起使用

在我只给出一个 li 元素后,我的基本Jquery slider(bjqs)不工作......结果没有显示我在 li 标签中放入的内容......如果我放入 4 个 li 元素后它工作得很好。

这里有什么问题?

4 li(工作正常):链接(http://jsfiddle.net/nikhilvkd/DaXG7/9/

只有一个li(不工作):(http://jsfiddle.net/nikhilvkd/xD4FL/9/

0 投票
1 回答
883 浏览

javascript - 使用 jQuery 事件停止/暂停 BJQS 幻灯片

我使用BJQS制作了视频幻灯片。视频嵌入为<iframe>s 并来自 Vimeo。幻灯片工作正常,但是,每当我播放视频时,幻灯片都会继续旋转,即视频播放几秒钟,然后淡入列表中的下一个视频。

谁能建议如何实现一个添加到 BJQS 的功能来暂停幻灯片?我正在使用 Vimeo API,因此有可用的事件,例如“视频开始”和“视频结束”,所以不要寻求帮助 - 只是暂停(视频开始时会触发)和恢复(视频结束时触发)幻灯片。

在 BJQS 源代码中,有一个功能可以在“悬停”时暂停幻灯片,然后在悬停时恢复幻灯片,这适用于 Vimeo 视频,但我所有试图利用它的尝试都失败了。

我对 jQuery 比较陌生,如果有任何建议,我将不胜感激。

此外,如果您知道任何类似的能够通过内置事件调用暂停的轻量级 jQuery 幻灯片,我愿意考虑转换,因为没有此功能的幻灯片对我的场景毫无用处。

0 投票
0 回答
118 浏览

javascript - 动态添加jQuery滑块

我有一个网站,将根据类别下拉菜单显示多个滑块幻灯片图像。我第一次使用 Jquery,但无法正确显示多个。我正在使用 bjqs 基本 jquery 滑块代码。

aspx:

  • ' alt="无图像" width="940" height="450" title='<%# Eval("txtJobName") %>' />

  • jQuery: jQuery(document).ready(function ($) { $('#slideshow0').bjqs({ 'width': 940, 'height': 450, 'automatic': false, 'showcontrols': true, ' centercontrols': true, // 完全居中控制 'nexttext': 'Next', // 'next' 按钮的文本(可以使用 HTML) 'prevtext': 'Prev', // 'previous' 按钮的文本(可以使用HTML) 'showmarkers': true, // 显示单个幻灯片标记 'centermarkers': true, // 水平居中标记 'responsive': true, 'usecaptions': true }); });

    有人能告诉我我错过了什么吗?我的结果很奇怪……好像滑块不是完全分开的。第一组 prev/next/number 按钮不起作用,第二组将在屏幕顶部显示前 3 个图像,其余图像在屏幕底部。不幸的是,我无法发送屏幕截图。

    谢谢!

    0 投票
    1 回答
    454 浏览

    jquery - 如何理解 jQuery 插件

    使用此处的逻辑:Basic jQuery Slider 中上一张/下一张幻灯片的自定义链接触发器

    我为 Basic jQuery Slider 制作了缩略图,在这里:http ://www.venusadventures.travel/slidertest.html

    我的第一选择是尝试直接访问 bjqs 方法,但不知道 jquery 插件是如何工作的,(或者很多关于 js 的)这不起作用:)

    但现在我意识到我还需要捕捉幻灯片更改事件来更新我的活动缩略图,我需要回到计划 A。虽然我可以修改 bjqs,但这将导致不可升级。我只需要有关所需范围的提示即可了解如何直接与插件方法交互。干杯。

    编辑:有效的 Cudge:

    0 投票
    1 回答
    469 浏览

    javascript - 如何在基本 jQuery 滑块中对事件执行操作

    我使用来自http://www.basic-slider.com/的 bjqs 插件
    通过文档获得了滑块,我发现只有选项,但没有事件/功能。
    我所说的事件/函数是指 onSlideChange, onSlideDisplay

    我发现其他提供类似功能的插件(bxslider 有 onSlideBefore、onSlideAfter ..etc)但我无法更改使用的插件,因为它不是我的遗留代码,无法重新开始

    任何指向此类实现甚至如何实现此功能的指针都值得赞赏

    谢谢你

    更新我试过在[这里] 摆弄这个(请忽略丑陋的风格^_^)

    向所需幻灯片添加了一个标志(测试用例:最后一张幻灯片)

    然后尝试检测何时显示具有该标志的幻灯片以执行更改样式甚至调用函数之类的操作,但它还没有工作

    我会不断尝试和更新

    1-成功更改所需幻灯片的 css。
    我只是在比较标志值时出错

    现在正在调用一个函数
    在此处输入图像描述

    0 投票
    1 回答
    432 浏览

    javascript - 我如何停止 bjqs 滑块

    我正在使用这个。goTo 是我用来启用和禁用键盘导航的标志。我的问题是滑块是自动旋转的,我想停止它。

    0 投票
    0 回答
    23 浏览

    javascript - 使用 HTML 而不是 PHP 的基本 jQuery 滑块

    我正在尝试创建一个使用 Basic jQuery Slider 的 SCORM 文件,以允许用户滚动浏览我们在线课程的内容。截至目前,之前实现此滚动功能的人是在 PHP 中实现的,这似乎不适用于 SCORM,因为它是一种基于服务器的语言。当用户滚动页面时,他们会自动填充各个页面。

    我已将所有 PHP 页面更改为 .html 格式。

    我的问题是,如何在不使用 PHP 的情况下像以前一样包含每个单独的页面?我确定它是某种 javascript,但我还没有找到方法。

    基本上我想要这个: