Surprisingly I haven't found very much on this at all.

We have a tabstrip whose tabs are images.
Here is the client side code

&lt;ie:tabstrip id="TabPolicy" onclick="Tabstrip1_SelectedIndexChange" runat="server" AutoPostBack="True"</p> <p>&nbsp;&nbsp; &nbsp;NAME="Tabstrip1"&gt;</p> <p>&nbsp;&nbsp; &nbsp;&lt;ie:Tab Text="Name" ID="name"&gt;&lt;/ie:Tab&gt;</p> <p>&nbsp;&nbsp; &nbsp;&lt;ie:Tab Text="Coverage" ID="Coverage"&gt;&lt;/ie:Tab&gt;</p> <p>&nbsp;&nbsp; &nbsp;&lt;ie:Tab Text="Premium" ID="Premium"&gt;&lt;/ie:Tab&gt;</p> <p>&nbsp;&nbsp; &nbsp;&lt;ie:Tab Text="Financial" ID="Financial"&gt;&lt;/ie:Tab&gt;</p> <p>&nbsp;&nbsp; &nbsp;&lt;ie:Tab Text="Tax" ID="Tax"&gt;&lt;/ie:Tab&gt;</p> <p>&nbsp;&nbsp; &nbsp;&lt;ie:Tab Text="Underwriting" ID="Underwriting"&gt;&lt;/ie:Tab&gt;</p> <p>&nbsp;&nbsp; &nbsp;&lt;ie:Tab Text="Claims" ID="Claims"&gt;&lt;/ie:Tab&gt;</p> <p>&nbsp;&nbsp; &nbsp;&lt;ie:Tab Text="Beneficiary" ID="Beneficiary"&gt;&lt;/ie:Tab&gt;</p> <p>&nbsp;&nbsp; &lt;/ie:tabstrip&gt;

and on the server side we are filling each tab object with the image as followed:

</p> <p><font size=2><font color=#0000ff>Me</font></font><font size=2>.TabPolicy.Attributes.Add("onclick", "Tabstrip1_SelectedIndexChange();")</font></p> <p>&nbsp;</p> <p><font size=2><font color=#0000ff>Me</font></font><font size=2>.TabPolicy.Items(0).Text = " "</font></p> <p><font size=2><font color=#0000ff>Me</font></font><font size=2>.TabPolicy.Items(0).SelectedImageUrl = CNFLibrary.ResourceManager.GetMessage("TabNameOpen", CompanyID)</font></p> <p><font size=2><font color=#0000ff>Me</font></font><font size=2>.TabPolicy.Items(0).HoverImageUrl = CNFLibrary.ResourceManager.GetMessage("TabNameOpen", CompanyID)</font></p> <p><font size=2><font color=#0000ff>Me</font></font><font size=2>.TabPolicy.Items(0).DefaultImageUrl = CNFLibrary.ResourceManager.GetMessage("TabNameClosed", CompanyID)</font></p> <p><font size=2><font color=#0000ff>Me</font></font><font size=2>.TabPolicy.Items(1).Text = ""</font></p> <p><font size=2><font color=#0000ff>Me</font></font><font size=2>.TabPolicy.Items(1).SelectedImageUrl = CNFLibrary.ResourceManager.GetMessage("TabCoverageOpen", CompanyID)</font></p> <p><font size=2><font color=#0000ff>Me</font></font><font size=2>.TabPolicy.Items(1).HoverImageUrl = CNFLibrary.ResourceManager.GetMessage("TabCoverageOpen", CompanyID)</font></p> <p><font size=2><font color=#0000ff>Me</font></font><font size=2>.TabPolicy.Items(1).DefaultImageUrl = CNFLibrary.ResourceManager.GetMessage("TabCoverageClosed", CompanyID)</font></p> <p></p> <p>etc...</p> <p>

Basically we have the image links stored in the DB for localization and the ResourceManager.GetMessage gets the links based on the Key passed in. URLs are all correct.

However, the first time we load the tabstrip it will flicker when you do the hover. How can i preload these images and call them so that the flicker will not happen.

Thanks in advance

ok so I wish there was an edit button cause the code turned out all html-y.
Please I really hope someone has encountered this before. Thanks

Try it again

Here is the tabstrip

<ie:tabstrip id="TabPolicy" onclick="Tabstrip1_SelectedIndexChange" runat="server" AutoPostBack="True"
    NAME="Tabstrip1">
    <ie:Tab Text="Name" ID="name"></ie:Tab>
    <ie:Tab Text="Coverage" ID="Coverage"></ie:Tab>
    <ie:Tab Text="Premium" ID="Premium"></ie:Tab>
    <ie:Tab Text="Financial" ID="Financial"></ie:Tab>
    <ie:Tab Text="Tax" ID="Tax"></ie:Tab>
    <ie:Tab Text="Underwriting" ID="Underwriting"></ie:Tab>
    <ie:Tab Text="Claims" ID="Claims"></ie:Tab>
    <ie:Tab Text="Beneficiary" ID="Beneficiary"></ie:Tab>
 
   </ie:tabstrip>

and here is the code behind example

Me.TabPolicy.Attributes.Add("onclick", "Tabstrip1_SelectedIndexChange();")
 
Me.TabPolicy.Items(0).Text = " "
Me.TabPolicy.Items(0).SelectedImageUrl = CNFLibrary.ResourceManager.GetMessage("TabNameOpen", CompanyID)
Me.TabPolicy.Items(0).HoverImageUrl = CNFLibrary.ResourceManager.GetMessage("TabNameOpen", CompanyID)
Me.TabPolicy.Items(0).DefaultImageUrl = CNFLibrary.ResourceManager.GetMessage("TabNameClosed", CompanyID)
Me.TabPolicy.Items(1).Text = ""
Me.TabPolicy.Items(1).SelectedImageUrl = CNFLibrary.ResourceManager.GetMessage("TabCoverageOpen", CompanyID)
Me.TabPolicy.Items(1).HoverImageUrl = CNFLibrary.ResourceManager.GetMessage("TabCoverageOpen", CompanyID)
Me.TabPolicy.Items(1).DefaultImageUrl = CNFLibrary.ResourceManager.GetMessage("TabCoverageClosed", CompanyID)

etc...