2016-08-11 51 views
0

我有2個文件中的12個隨機圖像。我想在點擊圖像時改變圖像的邊框顏色。我也想保存哪個圖片在數據庫中被點擊。 這裏是我使用我的隨機圖片來自2個文件夾中的代碼:「大人」和「孩子」如何知道在asp.net中點擊哪個隨機圖像

int i = 1, j=1; 

    protected void Page_Load(object sender, EventArgs e) 
    { 
     string Image2Display1 = GetRandomImageAdult(); 
     RandomImg1.ImageUrl = Path.Combine("~/adults", Image2Display1); 
     i++; 
     if (RandomImg1.BorderColor.Equals() 
     RandomImg1_click(); 
     string Image2Display2 = GetRandomImageChildren(); 
     RandomImg2.ImageUrl = Path.Combine("~/Children", Image2Display2); 
     j++; 

     string Image2Display3 = GetRandomImageChildren(); 
     RandomImg3.ImageUrl = Path.Combine("~/Children", Image2Display3); 
     j++; 

     string Image2Display4 = GetRandomImageAdult(); 
     RandomImg4.ImageUrl = Path.Combine("~/adults", Image2Display4); 
     i++; 

     string Image2Display5 = GetRandomImageChildren(); 
     RandomImg5.ImageUrl = Path.Combine("~/Children", Image2Display5); 
     j++; 

     string Image2Display6 = GetRandomImageAdult(); 
     RandomImg6.ImageUrl = Path.Combine("~/adults", Image2Display6); 
     i++; 

     string Image2Display7 = GetRandomImageChildren(); 
     RandomImg7.ImageUrl = Path.Combine("~/Children", Image2Display7); 
     j++; 

     string Image2Display8 = GetRandomImageAdult(); 
     RandomImg8.ImageUrl = Path.Combine("~/adults", Image2Display8); 
     i++; 

     string Image2Display9 = GetRandomImageAdult(); 
     RandomImg9.ImageUrl = Path.Combine("~/adults", Image2Display9); 
     i++; 

     string Image2Display10 = GetRandomImageChildren(); 
     RandomImg10.ImageUrl = Path.Combine("~/Children", Image2Display10); 
     j++; 

     string Image2Display11 = GetRandomImageAdult(); 
     RandomImg11.ImageUrl = Path.Combine("~/adults", Image2Display11); 
     i++; 

     string Image2Display12 = GetRandomImageChildren(); 
     RandomImg12.ImageUrl = Path.Combine("~/Children", Image2Display12); 
     j++; 


    } 
    public string GetRandomImageAdult() 
    { 

     Random rnd = new Random(); 
     for (int ii = 1; ii <= i; ii++) 
      rnd.Next(); 
     string[] images = Directory.GetFiles(MapPath("~/adults")); 
     string Image2Display = images[rnd.Next(images.Length)]; 
     return Path.GetFileName(Image2Display); 
    } 

    public string GetRandomImageChildren() 
    { 
     Random rnd = new Random(); 
     for (int jj = 1; jj <= j; jj++) 
      rnd.Next(); 
     string[] images = Directory.GetFiles(MapPath("~/Children")); 
     string Image2Display = images[rnd.Next(images.Length)]; 
     return Path.GetFileName(Image2Display); 
    } 

,這裏是源:

<div> 
    <asp:Image ID="RandomImg1" runat="server" Width="200px" /> 
    <asp:Image ID="RandomImg2" runat="server" Width="200px" /> 
    <asp:Image ID="RandomImg3" runat="server" Width="200px" /> 
    <asp:Image ID="RandomImg4" runat="server" Width="200px" /> 
    <asp:Image ID="RandomImg5" runat="server" Width="200px" /> 
    <asp:Image ID="RandomImg6" runat="server" Width="200px" /> 
    <asp:Image ID="RandomImg7" runat="server" Width="200px" /> 
    <asp:Image ID="RandomImg8" runat="server" Width="200px" /> 
    <asp:Image ID="RandomImg9" runat="server" Width="200px" /> 
    <asp:Image ID="RandomImg10" runat="server" Width="200px" /> 
    <asp:Image ID="RandomImg11" runat="server" Width="200px" /> 
    <asp:Image ID="RandomImg12" runat="server" Width="200px" /> 

</div> 

請幫我大概「ImageButton_Click 」。我不知道該怎麼做。 謝謝。

+1

你爲什麼標籤'jquery'這裏?我看到你沒有在你的代碼中使用jQuery。 – Thatkookooguy

回答

0

提供了一個通用類,如「prodImage」的所有圖像,然後在其上應用此jQuery代碼:

$('.prodImage').click(function(){ 
    var imageId = $(this).attr('id'); // imageId is the id of clicked image 
    // push these image in an array and save that array in db or save individually in db 
}); 
0

首先使用的ImageButton,可以有點擊和那裏你可以知道他們點擊。

<asp:ImageButton runat="server" ID="imbBtn1" ImageUrl="~/img/Logos/promidea.png" OnClick="imbBtn1_Click" /> 

和第二不重新初始化上有史以來按鈕回來後使用IsPostBack

protected void Page_Load(object sender, EventArgs e) 
    { 
     if(!IsPostBack) 
     { 
      string Image2Display1 = GetRandomImageAdult(); 
      RandomImg1.ImageUrl = Path.Combine("~/adults", Image2Display1); 
      i++; 

    //// rest of the code 
相關問題