Toggle Image Asp.Net

See more:

ASP.NET

How to Change Image of Image Button by onclick event??
In a Gridview Image button is used for all records..
Default image is Black color image..
on 1st click it must be change to Blue Image
on 2nd click Green Image
on 3rd click Red Image
on 4th click again converts to Black color Image...
How can i do this in Asp.net vb??


My code is as below..

Protected Sub ImageButton2_Click1(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs)
     
       For i As Integer = 0 To GridView1.Rows.Count - 1
          

           Dim imgbutton As ImageButton = DirectCast(GridView1.Rows(i).Cells(2).Controls(0), ImageButton)

           If imgbutton.ImageUrl = "~/Image/Red.png" Then
               imgbutton.ImageUrl = "~/Image/Green.png"
               ' Next
           ElseIf imgbutton.ImageUrl = "~/Image/Green.png" Then
               imgbutton.ImageUrl = "~/Image/Blue.png"
           ElseIf imgbutton.ImageUrl = "~/Image/Blue.png" Then
               imgbutton.ImageUrl = "~/Image/Black.png"
           Else
               imgbutton.ImageUrl = "~/Image/Red.png"
           End If

       Next

   End Sub

but it gives me an error like..

Specified argument was out of the range of valid values. Parameter name: index

in this code line--> Dim imgbutton As ImageButton = DirectCast(GridView1.Rows(i).Cells(2).Controls(0), ImageButton)


Any solution for that??