问题标签 [nivo-slider]

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

javascript - 将数值更改为文本 - jQuery / NivoSlider

我正在尝试将下面示例中的数字导航更改为实际的文本链接。

'1'可能是这样,'Football'可能'2''Ice Hockey'这样……

如何使用NivoSlider代码实现此目的?

我已将代码移至 JSFiddle: http: //jsfiddle.net/JSNuU/,以防万一这更有帮助。

我真的很感激这方面的一些帮助。

0 投票
1 回答
10996 浏览

nivo-slider - 暂停 Nivo 滑块

我想在运行前将 Nivo 滑块暂停 5 秒钟,但显示第一张图像。所以我需要在afterLoad我相信的属性中添加一些代码。

setTimout在运行滑块代码之前尝试过它没有给出我想要的结果。

这是我当前的代码:

0 投票
2 回答
2520 浏览

jquery - Joomla 的 Nivo 滑块无法在 Chrome 上运行(基于 jQuery)

我正在使用基于Nivo Slider的 Joomla 1.5 图像滑块模块。

该滑块在 FireFox 和 IE 上运行良好,如我们的网站所示。

它曾经在 Chrome 上也能正常工作,但现在不行了,我也不知道为什么。

该模块肯定是基于 jQuery 的,我为此使用 jQuery 1.6.3。

0 投票
1 回答
2247 浏览

jquery - Nivo slider image flicker

This used to work fine, but I recently uploaded new images and I now notice a flicker in them.

This is integrated into my sharepoint site. The new images are not particularly larger than the other ones.

Here is my css:

0 投票
1 回答
3180 浏览

jquery - Joomla 的幻灯片模块在 Chrome 上不起作用

我正在为Joomla CMS 1.5 版使用基于 Nivo Slider 的图像幻灯片模块。该模块基于 jQuery,我们为此使用jQuery 1.6.3 。

该滑块在 FireFox 和 IE 上运行良好,如我们的网站所示。它曾经在 Chrome 上也可以正常工作(使用版本 14 测试) -但它不再适用了,我不知道为什么。

在 Chrome 上,所有图像都可以正常加载,但是,只显示第一张幻灯片,我相信 jQuery 脚本会返回错误。控制台返回以下错误:“无法读取未定义的属性‘defaultView’”,位于 jquery.min.js 文件的第 4 行 。结果是静止图像 - 第一张幻灯片。其他一切都在那里,CSS、初始化 jQuery 脚本和所有涉及的 HTML。

我已经用Chrome 版本 14 和 15进行了检查。在这两个版本中,结果是相同的。

我也已经尝试卸载并重新安装模块,使用默认值,更改图像和文本等等,但似乎没有什么能让它在 Chrome 上再次运行。我在不同的计算机上检查了它是否可能是Chrome 缓存的问题,比如 Chrome 的原始 Nivo Slider 错误。我什至尝试加载不同版本的 jQuery,一路回到 1.4,但仍然没有变化

请注意,我已经应用了一些脚本和 CSS 来补充滑块,更具体地说,有一个脚本可以将第一张幻灯片变成 Youtube 嵌入播放器和一些用于标题样式的 CSS。javascript 和 CSS 添加在 Chrome 上运行良好,但是,即使删除了我添加的所有更改,滑块模块仍然不起作用!

让我再次强调一下,它以前在 Chrome 上确实可以工作,而且更重要的是——它在 Firefox 和 IE 上工作得非常好。我不知道是什么导致了这种变化。

PS 显然你可以在 Firefox 或 IE 上查看并查看该模块上的所有内容,包括我添加的 CSS 和 Javascript。

0 投票
2 回答
1230 浏览

jquery - Jquery Nivo Slider 过渡如何工作?

我想知道如何创建 Jquery Nivo Slider 过渡效果,而不是创建整个插件。我尝试使用 CSS 的clip属性,但我无法使用它来创建图像的一部分逐渐消失或逐块移出的效果,直到下一张幻灯片放映。

如果有人对如何制作过渡效果有一般的想法或具体的代码,将不胜感激。

0 投票
2 回答
705 浏览

mootools - 使用 MooTools 调用 javascript 新函数

我找到了Nivoo Slider的 MooTools 版本(理论上)可以与我们的 MooTools 下拉菜单一起使用。但是,菜单使用的是 MooTools 1.2.x,而 Nivoo 使用的是 1.3.2 或 1.4.0。每次我尝试同时使用菜单和滑块时,菜单都会停止工作。

MooTools 框架的版本不向后兼容吗?

另外,这些插件是兼容的还是一个覆盖另一个?

我对 JS 的了解还不够,无法纠正我的错误或重写函数调用。有没有好的初学者教程?


在尝试在不兼容的情况下进行转换时,这里有一些我不确定如何实现的说明。

:: 1.2 行代码

:: $clear(a.retrieve('closeDelay'))

:: this.createSubmenu(this.menu)

:: this.domReady.bind(this)

:: $$(b,b.getChildren('li')

这些说明具有兼容性。我都在尝试。

:: this.menu.get('tag')!='ul'

:: this.menu.getElement('ul')

0 投票
0 回答
333 浏览

javascript - 即使在淡入淡出效果完成后,NivoSlider IE7 也会将我的 CPU 推到 100%

我正在使用 NivoSlider 创建一个漂亮的旋转横幅动画。特别是,我正在使用“淡入淡出”动画。

它适用于除 IE7 以外的所有浏览器。

在 IE7 中,当出现淡出/淡入效果时,我电脑上的 CPU 会达到 100% 并停留在那里。

在所有其他浏览器中,CPU 仅在处理效果时才会达到 100%,但之后会恢复到正常水平。

我能做些什么来解决这个问题?

0 投票
4 回答
9063 浏览

jquery - Nivo 滑块,在触发之前,所有图像都在页面上可见

我在一个网站上使用 nivo 滑块,在它加载之前,所有图像在页面上都是静态的大约一秒钟。加载 nivo 滑块后,它们都位于滑块中。

有没有办法解决这个问题?在加载任何页面之前先触发滑块?它的网站www.pegasusproperty.co.uk我用于滑块的代码是

它在 Firefox 中发生得最好

问候

0 投票
7 回答
20159 浏览

jquery - 如何在运行时更改 nivo 滑块参数?

所以我的页面上有一个 NivoSlider。我的问题是我希望第一张幻灯片只显示 2 秒,而所有其他幻灯片只显示 5 秒(第一个只是一些文本“产品版本 2 在这里”)。我怎样才能做到这一点?我在http://nivo.dev7studios.com/support/上没有找到任何(好的)文档。

这是我尝试过的:

这里的最后一行afterChange: function(){$('#slider').nivoSlider().defaults({pauseTime:5000})}被调​​用,但我尝试更改初始设置失败 - 它只会破坏动画(从一张幻灯片翻转到下一张没有动画)并且不会改变暂停时间。

有谁知道如何在运行时更改幻灯片之间的暂停/延迟?