当点击图像按钮时更改图像url

Question

我有三个图像按钮，他们有默认图像url，我试图改变图像的网址，当用户点击任何图像按钮和默认检索时，用户点击其他图像按钮试图做到这一点，但我没有

<aspx> 
<div class="hom_but_sa hom_but_saR"> 
    <asp:ImageButton ID="BTNPromotion" ImageUrl="images/home-bu_npro.jpg" 
     runat="server" Width="134" Height="34" border="0" 
     OnClick="BTNPromotion_Click" /> 
</div> 
<div class="hom_but_a hom_but_sbR"> 
    <asp:ImageButton ID="BTNNewProduct" ImageUrl="images/home-bu_pro.jpg" 
     runat="server" Width="134" Height="34" border="0" 
     OnClick="BTNNewProduct_Click" /> 
</div> 
<div class="hom_but_a"> 
    <asp:ImageButton ID="BTNEvent" runat="server" ImageUrl="images/home-bu_news.jpg" 
     Width="134" Height="34" border="0" OnClick="BTNEvent_Click" /> 
</div> 
</div> 

<cs> 
protected void BTNEvent_Click(object sender, ImageClickEventArgs e) 
{   
    BTNEvent.ImageUrl = "images/home-bu_news.jpg";  
} 
protected void BTNNewProduct_Click(object sender, ImageClickEventArgs e) 
{ 
    BTNNewProduct.ImageUrl = "images/home-bu_pro_r.jpg"; 
} 
protected void BTNPromotion_Click(object sender, ImageClickEventArgs e) 
{  
    BTNPromotion.ImageUrl = "images/home-bu_npro_r.jpg"; 
} 

Answer 1

按我的意见，我不知道你实际的问题是什么，但也许你需要某种类似这样的切换呢？

protected void BTNEvent_Click(object sender, ImageClickEventArgs e) 
{   
    BTNEvent.ImageUrl = "images/home-bu_news_r.jpg"; 
    BTNNewProduct.ImageUrl = "images/home-bu_pro.jpg"; 
    BTNPromotion.ImageUrl = "images/home-bu_npro.jpg"; 
} 
protected void BTNNewProduct_Click(object sender, ImageClickEventArgs e) 
{ 
    BTNEvent.ImageUrl = "images/home-bu_news.jpg"; 
    BTNNewProduct.ImageUrl = "images/home-bu_pro_r.jpg"; 
    BTNPromotion.ImageUrl = "images/home-bu_npro.jpg"; 

} 
protected void BTNPromotion_Click(object sender, ImageClickEventArgs e) 
{  
    BTNEvent.ImageUrl = "images/home-bu_news.jpg"; 
    BTNNewProduct.ImageUrl = "images/home-bu_pro.jpg"; 
    BTNPromotion.ImageUrl = "images/home-bu_npro_r.jpg"; 
} 

一个清洁的方法是只需要点击事件由一个事件连接来处理这一切的ImageButtonOnClick：

OnClick="BTN_Click" 

然后实现Click这样的：

protected void BTN_Click(object sender, ImageClickEventArgs e) 
{ 
    ImageButton btn = (ImageButton)(sender); 
    BTNEvent.ImageUrl = (btn.ID.Equals("BTNEvent")) ? 
     "images/home-bu_news_r.jpg" : "images/home-bu_news.jpg"; 
    BTNNewProduct.ImageUrl = (btn.ID.Equals("BTNNewProduct")) ? 
     "images/home-bu_pro_r.jpg" : "images/home-bu_pro.jpg"; 
    BTNPromotion.ImageUrl = (btn.ID.Equals("BTNPromotion")) ? 
     "images/home-bu_npro_r.jpg" : "images/home-bu_npro.jpg"; 
} 

Answer 2

尝试在ImageButton的

Answer 3

这可以通过使用Javascript可以轻松实现设置EnableViewState="false"。拨打以下所有三个按钮的onclick事件功能，请检查下面的代码，

function imageurl(id) 
{ 
//assuming image button ids as test1,test2,test3 

switch(id) 
{ 
    case 'test1': 
     document.getElementById('test1').href = 'test1newurl'; 
     document.getElementById('test2').href = 'test2oldurl'; 
     document.getElementById('test3').href = 'test3oldurl'; 
    break; 

    case 'test1': 
     document.getElementById('test1').href = 'test1oldurl'; 
     document.getElementById('test2').href = 'test2newurl'; 
     document.getElementById('test3').href = 'test3oldurl'; 
    break; 

    case 'test1': 
     document.getElementById('test1').href = 'test1oldurl'; 
     document.getElementById('test2').href = 'test2oldurl'; 
     document.getElementById('test3').href = 'test3newurl'; 
    break; 
} 

}