preload css-style?

[roN]

Hi,

I have following issue: I'm changing the css-style of a tab like following
when the mouse is rolling over it:
onMouseOver="this.className='frontbarOverIE'" and the css style looks like
following:
..frontbarOverIE {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
background-repeat: no-repeat;
font-weight: bold;
text-decoration:none;
background-image: url(images/orange_title_backgnd_hi.jpg);
}
how can I preload the image(images/orange_title_backgnd_hi.jpg) used in the
css style?
Thank you!

Ron

[Cheng Guangnan]

Create a invisible div and set it's class to "frontbarOverIE".

--------------------------------------------------------------------
http://capxous.com
CAPXOUS.AutoComplete, a handly AJAX autocomplete component.

roN wrote:

Hi,

I have following issue: I'm changing the css-style of a tab like following
when the mouse is rolling over it:
onMouseOver="this.className='frontbarOverIE'" and the css style looks like
following:
.frontbarOverIE {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
background-repeat: no-repeat;
font-weight: bold;
text-decoration:none;
background-image: url(images/orange_title_backgnd_hi.jpg);
}
how can I preload the image(images/orange_title_backgnd_hi.jpg) used in the
css style?
Thank you!

Ron

[roN]

Cheng Guangnan wrote:

Create a invisible div and set it's class to "frontbarOverIE".
huh? how do I set an [i]invisible[i] div?
just like:
<div class+"frontbarOverIE"></div> anywhere past my html-header?
Thank you!
--------------------------------------------------------------------
http://capxous.com
CAPXOUS.AutoComplete, a handly AJAX autocomplete component.

roN wrote:

Hi,

I have following issue: I'm changing the css-style of a tab like
following when the mouse is rolling over it:
onMouseOver="this.className='frontbarOverIE'" and the css style looks
like following:
.frontbarOverIE {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
background-repeat: no-repeat;
font-weight: bold;
text-decoration:none;
background-image: url(images/orange_title_backgnd_hi.jpg);
}
how can I preload the image(images/orange_title_backgnd_hi.jpg) used in
the css style?
Thank you!

Ron

--
chEErs roN

I'm root, I'm allowed to do this! ;)
keep on rockin'

[Randy Webb]

roN said the following on 6/19/2006 11:44 PM:

Cheng Guangnan wrote:

Create a invisible div and set it's class to "frontbarOverIE".
huh? how do I set an [i]invisible[i] div?

with CSS
just like:
<div class+"frontbarOverIE"></div> anywhere past my html-header?

<div class="frontbarOverIE" style="display:none"></div>

Although it may take visibility:hidden to cause the background to load.

Or, simply size it 1px x 1px:

<div class="frontbarOverIE" style="width:1px;height:1px"></div>

comp.infosystems.www.authoring.stylesheets is that way ----->

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[roN]

Hey,

I added following in my code:

<div class="frontbarOverIE" style="display:none"></div>
<div class="frontbargrayOverIE" style="display:none"></div>

but it wouldn't preload the styles... :( why not? Another approach?
Thank you!

"Cheng Guangnan" <ch*****@gmail.com> wrote in message
news:11**********************@c74g2000cwc.googlegr oups.com...

Create a invisible div and set it's class to "frontbarOverIE".

--------------------------------------------------------------------
http://capxous.com
CAPXOUS.AutoComplete, a handly AJAX autocomplete component.

roN wrote:

Hi,

I have following issue: I'm changing the css-style of a tab like
following
when the mouse is rolling over it:
onMouseOver="this.className='frontbarOverIE'" and the css style looks
like
following:
.frontbarOverIE {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
background-repeat: no-repeat;
font-weight: bold;
text-decoration:none;
background-image: url(images/orange_title_backgnd_hi.jpg);
}
how can I preload the image(images/orange_title_backgnd_hi.jpg) used in
the
css style?
Thank you!

Ron

[Randy Webb]

roN said the following on 6/21/2006 11:59 AM:

Hey,

I added following in my code:

<div class="frontbarOverIE" style="display:none"></div>
<div class="frontbargrayOverIE" style="display:none"></div>

but it wouldn't preload the styles... :( why not? Another approach?
Thank you!

style="visibility: hidden;height: 1px; width:1px;"

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/