jquery - 使用 jQuery 切换图像 src

Question

我编写了一些代码来切换图像的 src 以及暂停/恢复 jQuery Cycle2 插件。

我不确定为什么它不起作用，希望得到一些帮助。

$('.play-pause').click(function(){
    if ($(this).attr('src', '/images/template/pause.png')) {
        $(this).attr('src', '/images/template/play.png');
        $('.cycle-slideshow').cycle('pause');   
    } else if ($(this).attr('src', '/images/template/play.png')) {
        $(this).attr('src', '/images/template/pause.png');
        $('.cycle-slideshow').cycle('resume');
    }
});

如果我删除“else if”语句，第一个“if”语句将起作用。

感谢您的帮助。

杰夫

Answer 1

更加通用，仅检查图像的来源，而不是整个字符串:

$('.play-pause').on('click', function(){
    var isPause = this.src.indexOf('pause.png') != -1;
    this.src    = isPause  ? this.src.replace('pause.png', 'play.png') : this.src.replace('play.png','pause.png');

    $('.cycle-slideshow').cycle(isPause ? 'resume' : 'pause');   
});