<td style="width: 800px; height: 700px;" valign="top" class="style3"> <div id="image1"> <br /> <img src="Maps\16_EAST.jpg" border="0" alt="one" /> </div> <div id="image2" style="display:none"> <img src="Maps\16_WEST.jpg" border="0" alt="two" /> </div> <div id="image3" style="display:none"> <img src="Maps\18thFLR.jpg" border="0" alt="three" /> </div> <div id="image4" style="display:none"> <img src="Maps\19thFLR.jpg" border="0" alt="four" /> </div> <div id="image5" style="display:none"> <img src="5.jpg" border="0" alt="five" /> </div> </td> This block of code represents an image on my page with multiple alternate images that can be substituted by a Java function. The first one 16_EAST is the default image and the others are hidden until called. Trouble is there are going to be hundreds of them when I'm finished so I'd like to define the images somewhere else. I can't just call the whole thing from the head of the page either because this defines the object's position on the page as well. Can anyone give me a different way to set up these image objects? I'd really appreciate it, thanks.
you can move this html code to external page with the help of php coding link add them in a new file image.php and call this page where ever necessary.