更改圖片src的onClick使用jQuery

我使用我的網站上這個HTML： <a href="#1" id="slick-toggle"><img src="img1.jpg"/></a>更改圖片src的onClick使用jQuery

當我點擊這個鏈接，我想在圖片src改爲img2.jpg。再次點擊 &等。 有人可以解釋我如何使用jQuery做到這一點嗎？

這裏是我現有的的jQuery如果這能幫助：

$(document).ready(function() {  
    $('#slick-toggle').click(function() { 
    $('#slickbox').toggle(400); 
    return false; 
    }); 
});

與此:-)任何指針非常感謝

來源

2012-12-15 michaelmcgurk

$(document).ready(function() {  
    $('#slick-toggle').click(function() { 
    $('img', this).attr('src', function(i, oldSrc) { 
     return oldSrc == 'img1.jpg' ? 'img2.jpg' : 'img1.jpg'; 
    }); 
    $('#slickbox').toggle(400); 
    return false; 
    }); 
});

來源

2012-12-15 18:15:33 thecodeparadox

非常感謝！我現在就試試這個:-) – michaelmcgurk

從來不知道你可以通過'function'作爲jQuery的第二個參數，令人驚歎 – pocesar

@pocesar thx..its in doc – thecodeparadox

你需要找到自從你點擊裏面的圖片處理程序是在它包裝它，像這樣：

$('a#slick-toggle').click(function() { 
    var img = $('#share')[0], isSwap = "True"; 
    img.src = isSwap ? img.src.replace("_img1","_img2") : img.src.replace("_img2","_img1"); 
    $('.img-swap').toggleClass("on"); 
    $('#atBox').toggle(100); 
    return false; 
});

來源

2012-12-15 18:20:32 Chipmunk

使用此功能是：

$('#mylink').toggle(
    function(){ 
      $(this).attr('src','img2.jpg'); 
    }, 
    function(){ 
      $(this).attr('src','img3.jpg'); 
    } 
// and so on.. 
);

你可以在其中添加更多的功能...

來源

2012-12-15 18:29:57

更改圖片src的onClick使用jQuery

回答

相關問題