jquery單擊事件元素將圖像切換回默認

我目前有一個圖像，當你點擊它時發生了變化，但當我點擊另一個圖像時，我希望它返回到它的默認圖像狀態。jquery單擊事件元素將圖像切換回默認

我到目前爲止的代碼如下。

$('a img.lrg').click(function(){ 
    var newSrc = $(this).attr("src").replace("largefont.gif", "largefonton.gif"); 
    $(this).attr("src", newSrc); 
});

我該如何改變這個做所需的效果？

感謝，

週六

來源

2011-05-25 sat

使用data()持有舊SRC

$('a img.lrg').click(function(){ 
    $('a img.lrg').each(function(index, item){ 
    if($(item).data('old-src') != undefined){ 
      $(item).attr('src', $(item).data('old-src')); // bring back old image 
    } 
    }) 
    var old_src = $(this).attr("src"); 
    $(this).data('old-src', old_src); 
    var newSrc = $(this).attr("src").replace("largefont.gif", "largefonton.gif"); 
    $(this).attr("src", newSrc); 
});

小提琴：http://jsfiddle.net/maniator/94CqN/

來源

2011-05-25 17:00:57 Neal

退房jQuery的模糊（）函數。 http://api.jquery.com/blur/

來源

2011-05-25 16:54:47 spanky

$(this).attr("src", "largefonton.gif");

請問這有幫助!!

來源

2011-05-25 16:57:25 zod

$('a img').click(function(){ 
    var newSrc = $(this).attr("src").replace("largefonton.gif", "largefont.gif"); 
    $(this).attr("src", newSrc); 
});

你可以添加一個全球性的行動全部> IMG標籤，你的$（ '一img.lrg'）之前把這個。點擊（函數（）{jQuery的，否則它將運行後

，否則，你可以使用鼠標事件，如果你從PIC搬走（你可以在任何地方把這個）

$('a img').mouseout(function(){ 
     var newSrc = $(this).attr("src").replace("largefonton.gif", "largefont.gif"); 
     $(this).attr("src", newSrc); 
    });

或者你可以設置一個唯一的ID img標籤：所以你通過IMG選擇。 className＃unqiueID id在頁面加載或通過一些隨機變量設置

來源

2011-05-25 16:59:45 John

jquery單擊事件元素將圖像切換回默認

回答

相關問題