dynamically generated image problem

dynamically generated image problem

 

i have six images, but based on conditions, sometimes it shows 3 images, sometimes 2, sometimes 6, sometimes 5. Anyway, I don't know what images are going to be shown.

so in JSP, i use jsp to generate images.

<img  src="/images/Image-1-aboutusrollover.png">
<img src="/images/Image-2-showme.png">
<img src="/images/Image-3-email.png"> "
<img src="/images/Image-4-Test.png">

Here are my problems. For example, the first page has above images. The image 2, 3, 4 will be disabled and enabled 10 seconds after the page loading;When user mouseover the image, it will be shown rollover.png, mouseout will be its regular png; when click the image, it should do following things:

  1. shown rollover.png
  2. disable other imaes and enable after 10 seconds and display corresponding content.
  3. other images should be their regular images.

Since the images are dynamically generated, so I have hard time to make it work.

Please help.

Thank you very much