顯示並隱藏圖像onclick

我有用戶個人資料圖片裏面有100px的高度和寬度的表。我也有單選按鈕來設置配置文件圖片的可見性（公共，私人等）。這些使用ajax進行更新。顯示並隱藏圖像onclick

我想知道的是如何在配置文件圖片上方顯示圖片（例如「success.png」）並在2秒後淡出圖片？

<table class="profimg"> 
<tr><td align="center"><img class="profimg" src="../images/user/profile/1c4ca4238a0b923820dcc509a6f75849b1.jpg" alt="Administratorasdf" /></td></tr> 
<tr><td align="center"><input type='radio' title='Publicly Visible' name='img_pub' onclick="upimg1()" /> <input type='radio' title='Visible Only To Users' value='UsersOnly' name='img_pub' onclick="upimg2()" /> <input type='radio' title='Visible Only To You' value='Hide' name='img_pub' onclick="upimg3()" checked='checked'/></td></tr> 
</table>

來源

2012-11-13 Sid

平原JavaScript或是jQuery好嗎？ – jfriend00

好吧，我不知道該怎麼做。所以，沒有。 – Sid

@ jfriend00 jQuery確定 – Sid

我已經添加了一個ID爲'成功'的標籤。這個標籤是淡入淡出的圖像。

$("#rad").click(function() { 
    $("#success").fadeIn(500).delay(1000).fadeOut(1000); 
});

不要忘記包括jquery庫。檢查this demo

來源

2012-11-13 06:20:48

你知道jQuery鏈接嗎，所以你只評估'$（「＃success」）''一次。 – jfriend00

@ jfriend00我剛剛閱讀了jquery鏈接，是的，使用鏈接會使我的代碼更加優雅和快速。謝謝！ :) –

@awadm謝謝。即使它在jsfiddle上工作，它也不會在我的網站上運行。我已經包含這些庫 '' '' – Sid

-1

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $(".profimg").click(function(){ 
     $("this").slideToggle("slow"); 
     }); 
    }); 
</script>

不要忘記使用jquery library.This不會需要2秒。但它會起作用。您可以使用settimeout函數進行時間間隔。谷歌爲它

來源

2012-11-13 05:59:17 polin

用'$（this）'替換第二個$（「。profimg」）'。 – Blender

這顯示/隱藏profimg。這不是OP要求的。 OP要求在個人資料圖片上方顯示另一張圖片。 – jfriend00

@Blender你是對的。我改變了我的代碼。 – polin

顯示並隱藏圖像onclick

回答

相關問題