How to display two picture buttons together without time delay_html/css_WEB-ITnose

             <tr>               <td height="25"><div align="left">               <img src="./goto.jpg" width="156" height="54"  onclick='btnNext()'/></div></td>               <td><div align="right">               <img src="./finish.jpg" width="157" height="56" onclick='btnApply()'/></div></td>             </tr>

I inserted 2 pictures as buttons in html. The two pictures are always not displayed together under IE9. The first picture is always displayed first. How can I make the two pictures appear first? How about displaying the picture button together?

Reply to discussion (solution)

This is a problem with the order in which the browser loads pages. . There is always a sequence. .

However, the customer disagrees with this explanation. Except for IE9, other browsers have no problem. There is no time difference. Can it be optimized?
Try to shorten the time difference between loading two images?

Merge into one picture
Use map to implement different actions

Put together a picture and read it with coordinates

a34de1251f0d9fe1e645927f19a896e8
b701a6895e22a49718b6160a403d79ccd6d6ed353e67a48350a77484569db5f6b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5

I have now A picture is synthesized, popbackground.png width="582" height="56"

I need to click the mouse on the area on the left side of the popbackground.png picture with a width of 160 and a height of 56 to execute the function btnNext()

Click on the area with a width of 162 and a height of 56 on the right side of the popbackground.png image to execute the function btnApply()

In this case, how can I use the map definition coordinates mentioned above to write?