Okay, here's the deal. There's a problem is the navbar (Home, Services etc) of my new website. There are two images, and the second one is triggered as soon as the mouse is rolled over the first one. The problem is in displaying the second image. It shows 80% of the time instantly, but sometimes it takes 2-3 seconds (or more) to load that image. Since its in the navbar, such an effect is of concern. AFAIK, my designer has added a preLoad function to those images, but it seems that every time the rollover happens, the server is contacted again for the second image. So, if anyone can help me in sorting out this issue (I don't think it would take more than 10 minutes), I'll send him $5 via PayPal immediately after the issue is resolved. Add me on Skype (bhavikruparel) if interested.
Here's the actual code. The image does load, but it takes some time in some cases. <td width="10%"><a href="features.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/features1.gif',1)"><img style="border: 0px solid ; width: 80px; height: 21px;" name="about" alt="Features" src="images/features.gif"></a></td> <td width="12%"><a href="samples.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('samples','','images/samples1.gif',1)"><img style="border: 0px solid ; width: 87px; height: 21px;" src="images/samples.gif" alt="Samples" name="samples"></a></td> Code (markup):