aot

 $(document).ready(function () { // 當頁面載入後
$("#登出按鈕").hide();// 這行是 先把登出按鈕隱藏

$("#登入按鈕").click(function () { // 當 登入按鈕 被點擊作後
$.ajax({ 
   type: "POST", // 有GET , POST etc...
   url: "要送到哪個網頁", // 請改成你的網頁 
   data: "參數名稱1=參數1&參數2名稱=參數2", // 是你要傳送什麼數值給後端
   success: function(){  // 這行是傳送成功後作什麼事情 
       $("#登入按鈕").fadeOut().hide(); // 登入按鈕漸漸消失
       $("#登出按鈕").fadeIn(); // 登出按鈕出現
   } // 關閉   success
 }); // 關閉 ajax

 }); // 關閉點擊登入按鈕 function 


$("#登出按鈕").click(function () { // 當 登出按鈕 被點擊作後
$.ajax({ 
   type: "POST", // 有GET , POST etc...
   url: "要送到哪個網頁", // 請改成你的網頁 
   data: "參數名稱1=參數1&參數2名稱=參數2", // 是你要傳送什麼數值給後端
   success: function(){  // 這行是傳送成功後作什麼事情 

/// 你可能要關閉session 那之類的 之後再轉到一開始登入的畫面 

   } // 關閉  success-function
 }); // 關閉 ajax

 }); // 關閉點擊登出按鈕 function 

 }); // 關閉頁面載入function 

你要把上面code裡面的 登入按鈕 還有 登出按鈕 改成你的 元素 id 就好了
像是

<img src ='xxx.jpg' id = 'aaaa' >
<img src ='xxx.jpg' id = 'bbbb' >