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

php - 将当前动画横幅从定制 CMS 转换为 nivo 滑块

我已经接管了一个网站,该网站目前有一个我们想要保留的定制 CMS。我们想要做的一个改变是主页动画横幅,因为它很差。

它目前已设置好,因此它会抓取通过 cms 输入的图像并将它们输出到动画横幅中。我想保留该功能,但将图像输入到 nivo 滑块中。我对如何去做这件事有点谨慎。

这是将图像输出到动画横幅的代码(我认为!!):

和...

如何以这种格式将图像、横幅文本和横幅链接放入 nivo 滑块:

通过 cms 输入的幻灯片数量应该是无限的。

0 投票
1 回答
752 浏览

internet-explorer-8 - Nivo 滑块和全屏背景:IE 中的切碎过渡

如果我在具有全屏背景图像的页面上使用 Nivo Slider,则幻灯片转换在 IE 7 和 8 中运行缓慢并且被切断。在所有其他浏览器中,转换工作顺利。

这是一个非常基本的例子: http ://www.test-case.de/fullscreen-nivo/demo/demo.html

为了确保问题不是由任何 JS 冲突引起的,我没有使用任何 JS 作为全屏背景。它只有几行 CSS。

有人知道如何解决这个问题吗?

非常感谢!卡尔

0 投票
2 回答
2225 浏览

html - 全屏背景图像调整大小

我正在尝试将背景图像设置为全屏,并且在窗口调整大小时图像不会改变实际像素大小,但会变小(类似于裁剪)

这就是我的意思:(尝试调整窗口大小并注意图片变小或变大但不像素化)http://jsfiddle.net/G7Qc4/

现在,由于图像是 div 的背景并且我设置了,因此上述工作正常:

background-position: center top;

如果它只是简单的<img>它不起作用,我的问题是我怎样才能让它起作用?如果有什么办法?

我正在使用不接受 div 的图像的 nivoSlider,所以我将不得不使用<img>.

非常感谢

0 投票
4 回答
11846 浏览

jquery - Nivo 滑块,使自定义链接在单击时更改幻灯片

我们目前正在以下网站上工作: http ://www.temminktrainingcoaching.nl/beta

有一个 lavalamp 菜单,带有一个 Nivo Slider,我们想将它们链接在一起。如您所见,菜单中有 5 张幻灯片和 5 个链接。我们希望他们通信。这是 nivoslider 中更改幻灯片的代码:

我对 jquery 很陌生,我不知道如何创建自定义链接。我试图将 '.nivo.controlNav a' 更改为适当的链接,但这似乎没有奏效。

谢谢你的帮助!

问候,卡斯帕

0 投票
2 回答
1140 浏览

jquery - 问题 - Nivoslider 位于 IE7 中的 jquery 下拉列表之上

啊啊啊!我的 jquery 下拉列表和 IE7 中的 nivoslider 一直存在严重问题。出于某种原因,jquery 下拉列表位于 IE7 中的 nivoslider 后面。它适用于除 IE7 以外的所有其他浏览器。我知道这是一个 z-index 问题,但我还没有找到一个好的解决方案。该网站 - www.ecologicalgroup.com。有什么建议么?

0 投票
1 回答
858 浏览

javascript - 简单的 Nivo 滑块图像未在 IE 上加载

我正在使用这个插件:http ://wordpress.org/extend/plugins/simple-nivo-slider/

当在 Firefox 和 chrome 上查看时,图像会加载,但仅显示导航箭头和导航项目符号。

这是网站

编辑:通过向#slider 添加宽度和高度来解决它

0 投票
1 回答
482 浏览

jquery - Nivo Slider CSS 定位问题

希望有人可以在这里提供帮助;我的 nivo 滑块上似乎出现了 CSS 故障。每张幻灯片都下降了大约 20 像素,低于它应该出现的位置。看看我的意思;http://whatscoking.goodstuffdesign.co.uk

非常感谢任何帮助。

马特

0 投票
2 回答
416 浏览

jquery - Jquery - 为缩略图添加 img 标题

我在从滑块中的图像中抓取标题标签并将其插入页面上的其他位置时遇到问题。它只从第一张图片中获取第一个标题,而不是后续的标题。

我的脚本:

我知道我必须在某个地方使用 .each 但我不知道在哪里。

谢谢

0 投票
1 回答
633 浏览

jquery - 以模式加载 HTML 页面

我正在使用 simpleModal 在我的网站上显示图片滑块。这个人会点击一个按钮,然后模态框会弹出,里面有图片滑块。问题是我在页面下方有另一个图片滑块。图片滑块只在页面上工作一次。因此,如果我放入模态框,它下面的图片滑块就会停止工作。所以,我制作了一个 HTML 文档,页面上只有图片滑块。我将如何在模态窗口中加载该 HTML 文档?

我将simpleModal用于模态
我将nivo-slider用于图片滑块

页面上查找图片滑块。<-- 这是带有滑块的模态框将进入的页面。
是我要在模态框内加载的页面。

在此处查看模态框内的滑块示例。

所以是的,我做这一切的原因是因为 nivo-slider 不会在一页上工作两次。所以基本上我正在寻找一种解决方法,这就是我的想法,但我不知道该怎么做。

0 投票
1 回答
830 浏览

jquery - simpleModal 中的 nivo-slider 问题

nivo-slider 显示和工作正常,我遇到的问题是,如果您关闭模式窗口,然后重新打开它,nivo-slider 就会损坏。它停留在第一张图片上,并且所有与 nivo-slider 相关的按钮都没有响应。

有没有办法可以附加 simpleModal 关闭的方式,这样它就不会破坏 nivo-slider?

简单模态

尼沃滑块

注意:这可能是因为 nivo-slider 在页面加载时运行,但是,simpleModal 在模态窗口关闭时卸载它,因此如果您重新打开模态窗口,则无法重新加载它。

所以解决这个问题的方法可能是改变simplemodal,以便在窗口关闭时不卸载它的内容,而是简单地隐藏它。问题是我不知道该怎么做。