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

css - 添加更多幻灯片后,Nivo 滑块项目符号“未居中”

我在我的 Wordpress 和 vBulletin 中使用 Nivo Slider 和 iframe 。但是当我添加更多幻灯片时,导航项目符号向右转,不再居中。我只知道 CSS 没有 jquery。我怎么解决这个问题 ?

截图:http ://up.vbiran.ir/images/e7r4xxdp09ms0bafb4f.jpg

0 投票
2 回答
3957 浏览

jquery - Nivo Slider 在 WebKit(chrome 和 safari)中无法正常工作

我在http://tinyurl.com/5wtau2上使用 Nivo Slider,但无法让幻灯片在 Webkit、Chrome 或 Safari(mac) 中正常运行。滑块通过将当前图像作为容器的背景图像进行转换,然后随机淡化每个框。看起来背景图像正在重新加载,并且有轻微的停顿。

0 投票
2 回答
621 浏览

jquery - 如果自定义 Nivo 导航中的下一个锚点少于六个图像,如何隐藏它?

我正在为 Nivo Slider Jquery 插件开发自定义导航缩略图滑块。

当缩略图滑块包含少于或等于 6 个缩略图时,我试图隐藏下一个锚点。

.nivo-control是缩略图图像是其子级的锚点,它们都是.items.

我已经尝试过:

0 投票
1 回答
16486 浏览

jquery - 停止 Nivo Slider Autoplay 并在特定动作上开始滑动?

仅当我单击特定链接或转到特定点幻灯片并停在那里时,如何才能使 Nivo 滑块启动。(点我的意思是幻灯片的数量(nivo-controlNav))

谢谢!

0 投票
2 回答
2484 浏览

javascript - 使用 jQuery 制作 Nivo Slider 方向导航箭头 FADE In

无法得到这个...试图使Nivo Slider上的方向导航箭头淡入而不是只出现。这是隐藏/显示定向导航的代码:

我认为这就像更改.hide()to.fadeOut('fast').show()to一样简单.fadeIn('fast')。但是,在第一张幻灯片更改后,它们又回到了刚刚出现的状态。(在此处查看该问题)我该如何解决?是整个未修改的 js 文件。

ETA:刚刚了解到,在从一张幻灯片到下一张幻灯片的转换过程中,以及在任何转换之前的第一张幻灯片上,淡入淡出仍然存在。看起来过渡效果打破了目录导航的淡入淡出。

0 投票
2 回答
3751 浏览

javascript - 带有 nivo 滑块的 Ken Burns 效果

有没有人设置了一个nivo 滑块来平移每个图像(又名Ken Burns 效果)?我正在尝试实现它,这有点棘手!

0 投票
1 回答
2640 浏览

javascript - Nivo Slider 在 IE8 中不起作用

我在公司网站上遇到了一些关于jquery nivo 滑块的问题。

首先,该网站由一家提供内部 cms 的公司托管,我们无法更改任何内容。这就是为什么我没有任何权限在 Head-Tag 中加载任何内容,也无法在该服务器上上传除图像之外的任何文件

所以我找到了一个 Javascript,它之后会在头部加载 CSS 文件。除了IE8之外,所有这些都在每个浏览器(Chrome、FF、IE6、IE9)中都能正常工作,NivoSlider 仅加载第一个图像,不显示标题,不显示导航。

我不知道为什么会这样做,因为如果我在本地执行代码(如下所示)它可以工作(所有文件也都存储在本地)。

Hoster 为他们的 CMS 使用Prototype JS 框架,所以我认为这可能会导致某种干扰。实际上,如果我在 IE8 中打开 Devtools,我会在 Hoster 提供的 Prototype.js 文件中显示一些错误

它不喜欢这些行,它说(从德语翻译)“对象不支持此值或方法”

可以看原主页和代码XXX,自己试试看。我希望你能帮助我解决我的问题。

0 投票
1 回答
666 浏览

php - Wordpress get_header_image 和 Nivo 滑块切换 - PHP If Else 语句?

好的,这是我的问题。我希望能够使用 get_header_image 和 Nivo Slider 在自定义标题之间切换。有一次我有这个工作,将代码合并到 If...Elseif...Else 语句中。现在我无法复制它。当前代码同时显示标题图像及其下方的滑块。任何帮助将不胜感激。

0 投票
1 回答
2216 浏览

javascript - 谷歌地图信息框中的图像滑块

当用户单击地图上的标记时,我会弹出信息框(带有更多控件的信息窗口)。在这个弹出窗口中,我目前正在尝试插入一个 jQuery 图像滑块,特别是 NivoSlider。

问题: 但是,此图像滑块仅在普通 HTML 页面上有效,而在信息框内则根本无效。我需要图像信息框内工作。

jQuery/JS 代码

加载 jQuery 图像滑块的部分由<div id="slider class="nivoSlider"><img...../><img....../></div>"

$('#slider').nivoSlider(); //加载div中的nivoslider #slider

$("#search_button").click(function(e){ e.preventDefault(); var search_location = $("#search_location").val(); $.getJSON(....... ..............., 功能() {

我认为导致这种情况的原因:可能与在开始时调用<div>时未创建信息框中的有关$('#slider').nivoSlider()

附加信息:我正在使用带有 PHP 和 Codeigniter 框架的 Google Maps API V3。

0 投票
2 回答
1115 浏览

nivo-slider - nivo 滑块效果,按顺序而不是随机触发所选效果

有没有办法让 nivo 滑块按顺序使用效果,即:slideUp --> 然后 slideDown --> 然后 slideslideUp 等...

而不是使用effect: "slideUp,slideDown"which 随机触发任一效果。

问候山姆