asp.net mvc : Ajax actionlink or Jquery solution? -

I am trying to replace images such as what does the vote do with the arrow and the check mark

I'm either thinking:

1- Each image is an Ajax. Return a different image when clicking the link and clicking.

2- Keep the images Ajax to change the CSS class to get a hyperlink background and a new image. Use thennlink.

3- Use JQuery instead.

Who is the best way to go and provide you examples?

jquery is best because if you use action links in asp.net-mvc

In jquery you can do something that can reduce the difficulty

  $ (document) .ready (function () {// image the squares of your images The name is $ (".image"). (Function () {$ (".image"). Hide (); // just an example ..});});  

This will hide the image that has been clicked. To fix the image, click on the image to see the jquery tutorial. You can add a CSS or change the image to it or make it bigger. Keep in mind that when you are using asp.net, Esp use web control and want to call the ID in jquery instead of class, then it is a bit different. How to call this ID without the esp web control:

  ("# image1"). Click (function () { 

but using ASP Web app ASP: Imagebutton will be something like this:

  ("# ct100 _ *** *** image1 "). Click (function () { 

Asterisk can be anything ... to see if the actual ID is named, first source code You should see, because in ASP.NET, you change the name of the name for the runtime = server and the ID that sets the attribute by default