代码之家  ›  专栏  ›  技术社区  ›  HandiworkNYC.com

WordPress WPAudio SoundManager插件的备用播放/暂停按钮

  •  0
  • HandiworkNYC.com  · 技术社区  · 15 年前

    我正在使用wpaudio插件将MP3链接转换为javascript/flash音频播放器。我的问题是,我在我的网站上的两个区域使用这个插件:一个在黑色背景上,一个在白色背景上。我需要为每一页使用另一组播放/暂停按钮(黑色背景为白色按钮,反之亦然)。我完全不知道该怎么做。

    我需要了解如何将“if page is…”语句合并到wpadio.js中,但我不知道如何使用jquery实现这一点。

    以下是我认为需要修改的插件中的代码:

    jQuery(this).prepend('<img id="wpa' + wpa_id + '_play" class="wpa_play" src="' + wpa_url + '/wpa_play.gif">');
    

    还有:

    function wpaButtonCheck() {
        if (!this.playState || this.paused)
            jQuery('#' + this.sID + '_play').attr('src', wpa_url + '/wpa_play.gif');
        else
            jQuery('#' + this.sID + '_play').attr('src', wpa_url + '/wpa_pause.gif');
    }
    

    插件以以下格式将元素添加到DOM中:

    <img src="http://24.232.185.173/wordpress/wp-content/plugins/wpaudio-mp3-player/wpa_play.gif" class="wpa_play" id="wpa0_play">
    
    1 回复  |  直到 15 年前
        1
  •  0
  •   Ali Habibzadeh    15 年前

    好的,我现在明白了。

    您需要做的是不要设置SRC属性来显示正确的图像。两种类型的图像都位于同一图像中。 例如,您将拥有一个更大的wpa_play,而不是wpa_play.gif,其中包含wpa_play,用于背景背景背景和白色背景。但它的容器大小只是其中一个按钮的大小。

    然后在不同的页面上使用CSS中的backgound位置来显示按钮的正确部分。