Displaying images when i click on a image

Hi,

I'm not sure how you want this logic implemented whether on server side or client side.

if client side, do the following

This example loads all the images at once, So if images are big, then page response time will be more. Let me know if you need an alternative solution, loading group images on the fly instead of using preloaded images. 

1) Add top images tags with script functions





....

2) Add bottom images by grouping them in div tags for each group. 







.... and so on


3) Add this script

var lastGroupShown  = null;
function ShowGroup(name)
{
        if(lastGroupShown != null)
 {
           lastGroupShown.style.display = 'none';
 }
        var groupName = name+'Group';
        var groupDiv = document.getElementById(groupName)

         if(groupDiv != null && groupDiv != 'undefined')
      {
          groupDiv.style.display = '';
          lastGroupShown = groupDiv;
      }
}

Cheers,
Raj