單擊鏈接時更改圖片

有頁面顯示頁面加載時顯示「logo.jpg」。當點擊「當前問題」鏈接時，想用「issue8.jpg」替換圖片。相信這需要AJAX，但不知道最簡單的方法是什麼，因爲它只是用另一個替換一個圖像。單擊鏈接時更改圖片

總體目標是使用徽標進行簡單的頁面加載。當用戶點擊鏈接「當前問題」時，它會將當前問題的圖像加載到同一個div中。這兩個圖像將具有相同的格式，所有我想要更改的圖像來源是logo.jpg到issue8.jpg

感謝任何指針，我真的很感激它。漂亮卡住了！

2013-06-19 cherch

不確定如何在html中實現該腳本，對不起 – cherch

$("#currentIssue").click(function(){ 
    $("#myimg").attr("src","issue8.jpg");//.on("load",function(){}); 
});

或多個通用

$(".issues").click(function(){ 
    $("#myimg").attr("src", $(this).data("img")); 
});

來源

2013-06-19 23:58:24 r043v

因此，我將在img標籤上使用id #myimg來更改源代碼？我是否使用鏈接上的.issues類來按下更改圖像？ – cherch

這是一種可能，只是適應您的需求，切換img源的真正答案是.attr（「src」，「hey.jpg」）; – r043v

檢查這個小提琴http://jsfiddle.net/r043v/LgXQX/1/ – r043v

在素文字標籤內

功能changeImage（）

{

element=document.getElementById('myimage') 

      if (element.src.match("1")) 

      { 

        element.src="2.jpeg"; 

      } 

      else 

      { 

        element.src="1.jpeg"; 

      }

}

將圖像ID設置爲myimage。

來源

2013-06-25 06:37:23 Vidya

單擊鏈接時更改圖片

回答

相關問題