Question

嘿伙计们，我真的需要一些帮助！因此，当您将图像单击到另一个图像时，我需要更改图像。基本上它是一个声音按钮，所以点击它时会显示静音。

到目前为止，我完全感到困惑，不知道从哪里开始，我知道我可以使用Jquery / Javascript。请帮我！！这是我的代码：

    <div id= "Mute">
    <img class="BeforeClick"src="images/BeforeClickMute.png" width="140" height="126"/>
    <img class="AfterClick"src="images/AfterClickMute.png" width="140" height="126" />
    <p>Mute</p>
    </div>

这也是我的css代码

    .BeforeClick {
position:absolute;
z-index:9;
left:245px;
top:340px;  
}

    .AfterClick {
position:absolute;
z-index:8;
left:245px;
top:340px;  
}

Answer 1

$(function(){ /* on document load */
    $('img').click(function(){ /* click handler for images */
        if($(this).attr('src') === 'images/BeforeClickMute.png'){ /* check source */
            $(this).attr('src','images/AfterClickMute.png'); /* change source */
        }
        else{
            $(this).attr('src','images/BeforeClickMute.png'); /* change source */
        }
    });
});

但是，如果您只是复制此代码，我敢打赌您在整个文档中会有一些意想不到的结果。了解如何将此事件限制为您希望定位的元素。

Answer 2

<a href="index.html">
<img src="images/play.png" onmouseover="this.src='images/playdiffcolor.png'" onclick="this.src='images/pause.png'" onmouseout="this.src='images/pause.png'" border="0" />
</a>

我就是这样做的 - 它创造了奇迹。

我希望有所帮助。我现在只是想学习如何播放/暂停/停止音频文件......

如何使用jquery，声音/静音按钮更改图像src onclick

2 个答案: