基于 Slider 图像的动态 wordpress 背景

Posted

技术标签:

【中文标题】基于 Slider 图像的动态 wordpress 背景【英文标题】:Dynamic wordpress background Based on Slider images 【发布时间】:2015-08-19 06:28:04 【问题描述】:

我在 wordpress 上使用 nivoSlider,我希望我的主页背景根据当前幻灯片图像进行更改! 我没有 javascript 和 jquery 的经验,但我擅长 php / html5 / css3。 谢谢。

【问题讨论】:

【参考方案1】:

WordPress nivo slider 无法编辑滑块更改时的回调(除非您编辑插件,从而破坏与未来版本的兼容性)。但是general jQuery plugin 允许您这样做。设置滑块时你会这样做:

$('#slider').nivoSlider(
    // [snip]
    afterChange: function()
        // Get the currently active image
        var active_image = $(".nivo-controlNav .active");
        // Change the class on your element and style that element with CSS
        // E.g. by fetching some attribute with $(active_image).attr()
    ,
    // [snip]
);

【讨论】:

以上是关于基于 Slider 图像的动态 wordpress 背景的主要内容,如果未能解决你的问题,请参考以下文章

WordPress - 使用原始图像,未裁剪

在 WordPress 中添加 jQuery 图像滑块的问题

JS通过push方法动态添加swiper组件的slider

Wordpress Divi Slider自定义javascript控件

WordPress 与 OOP jQuery Slider 插件冲突

无法使用 jquery 找到 DOM 元素(WordPress、Layer Slider)