New image without page refresh !!

[onlymars]

helloo guys, i have an image gallery page which have thumbnails at the bottom of the screen and the main image is in the middle of the page, i want that users click on the thumbnail pic's and the main image changes accordingly but with out a page refresh.

have searched a lot but am not getting a solution, your help will be very appreciated. thanx.

[acoder]

Change the image's src property:

img.src = newsrc;

[onlymars]

couldn't understood ur point, please can u elaborate it further.

[acoder]

Post your HTML code (just one or two examples of thumbnails and the main image will do).

[onlymars]

following is my test page,

http://www.imsciences. edu.pk/test/academic/

i want to click on any thumbnail image at the bottom and the main image at center get refreshed accordingly to that. how can this be done. really am struggling.

[acoder]

OK, first of all give your main image an ID so that you can refer to it (link).

Now, you need to set src property of this element - see example - adapt it to your requirements.