Nivo 滑块链接不起作用

Posted

技术标签:

【中文标题】Nivo 滑块链接不起作用【英文标题】:Nivo Slider Links Not Working 【发布时间】:2017-07-29 06:35:36 【问题描述】:

我现在遇到的问题是 Nivo Slider 没有链接滑块中的任何照片。最初是这样,我在滑块中有大约 14 张图片,这些图片链接到一个嵌入了完整画廊的帖子。我为画廊使用了“固定”大小,但问题是当您使用“固定”时,它在移动设备上不起作用。

我将图像放入 Illustrator 并将它们全部裁剪为适合首页滑块的正确尺寸,并使用常规滑块设置。现在虽然没有任何链接可以工作。我还没有找到任何可行的方法,并尝试了一些不同的方法。我见过的最大问题是链接的锚点(这是不可见的)不知何故在其他地方并且不跨越整个图像。我在“高级 CSS 编辑器”中插入了一些 CSS 来尝试修复它,这适用于最后一个“固定”滑块,但现在不行。

.nivoSlider a.nivo-imageLink 
background:white; 
filter: alpha(opacity=0); 
opacity: 0;
z-index: 8;
width: 100%;
height: 100%;
position: absolute; 

作为参考,这是我目前正在开发的网站。滑块是向下的第二个短代码部分。以“108单元”为特色

http://www.morissette.properties/

【问题讨论】:

【参考方案1】:

我想通了。 Nivo 滑块库配置似乎存在问题。您需要将链接粘贴到“链接”部分,而不是“自定义 URL”部分。其次,您需要确保它仅粘贴到图像的“链接”部分。第三,在将每个图像链接粘贴到图像信息的“链接”部分后,您需要保存图库。请勿点击图片,否则您的网址可能会消失。

也许这只是我自己,我希望是为了其他人,但这有点荒谬。绝对不值得花钱去专业。

祝大家有美好的一天!

【讨论】:

以上是关于Nivo 滑块链接不起作用的主要内容,如果未能解决你的问题,请参考以下文章

如何用内容响应 Nivo 滑块?

将动态文本动画添加到 nivo 滑块

两个滑块之间的jQuery冲突

使用 bxslider 脚本制作滑块,但现在 a href 不起作用,可能是啥问题?

Flexslider 手动控制不起作用

引导滑块不起作用