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

             <tr>               <td height="25"><div align="left">               <img  src="/static/imghwm/default1.png"  data-src="./goto.jpg"  class="lazy"      style="max-width:90%"  style="max-width:90%"  onclick='btnNext()'/ alt="How to display two picture buttons together without time delay_html/css_WEB-ITnose" ></div></td>               <td><div align="right">               <img  src="/static/imghwm/default1.png"  data-src="./finish.jpg"  class="lazy"      style="max-width:90%"  style="max-width:90%" onclick='btnApply()'/ alt="How to display two picture buttons together without time delay_html/css_WEB-ITnose" ></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

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?