如何更换NIVO滑盖“上一页”和“下一页”与图像（箭头）

我使用NIVO滑块......如何更换NIVO滑盖“上一页”和“下一页”与图像（箭头）

我已成功地从使用CSS滑块的底部隐藏的数字。

我现在要做的是用我在Photoshop中制作的箭头替换“下一步”的“上一页”我一直在寻找这里和谷歌，但我无法找到解决方案。

我真的很感激，如果有人可以帮忙请。

Sandeep

来源

2013-04-02 user2236577

这些选项被明确命名为prevText和nextText，并且从它们的命名我会假设他们只是插入_plain text_。可能最简单的解决方案是将这些文件隐藏起来，并将文本隐藏起来，并使用其中一种图像替换技术替换为背景图像。 – CBroe

我会用CSS图像替换这个。所以：

.nivo-directionNav .nivo-prevNav { 
    background:transparent url(path/to/image) 0 0 no-repeat; 
    height:20px; /*height of img*/ 
    width:10px; /*width of img*/ 
    text-indent:-10000px; /*moving the default text*/ 
    overflow:hidden; /*hiding the default text*/ 
}

然后重复.nivo-nextNav。您还可以使用定位将箭头放在幻灯片中所需的位置。

来源

2013-04-05 19:44:57

您可以通过使用自己的图像和设置创建一个新的主题做到这一点，在这里看到：http://support.dev7studios.com/articles/nivo-slider-jquery-plugin/creating-custom-themes

或改变png图片的按钮，到现有的主题。

来源

2013-04-15 12:19:45

读者应该注意，这仅适用于Nivo Slider的WordPress插件版本。 –

这是怎么回事？这两个版本都有效。 –

你是对的，我的错。我猜这个链接与另一个混淆。 –

包括这条线在你的文件

<link href="<?php echo get_template_directory_uri(); ?>/default/default.css" rel="stylesheet" type="text/css" />

，包括在存储在默认文件夹中的default.css文件。主题默认.nivo-directionNav一个background:url(arrows.png) no-repeat;。请注意，箭头图像必须存储在与放置defalut.css相同的文件夹中。希望这会有所帮助。

来源

2013-11-20 07:23:10 Zammuuz

如何更换NIVO滑盖“上一页”和“下一页”与图像（箭头）

回答

相关问题