Arno_Adams
msg:3973373 | 1:14 pm on Aug 17, 2009 (gmt 0) |
Make sure it has its opacity set.
Attach a class to the elements.
|
rocknbil
msg:3973460 | 3:56 pm on Aug 17, 2009 (gmt 0) |
First, review this [webmasterworld.com] and this [webmasterworld.com] thread. Although the attribute is different (hidden/block), note that at page load, Javascript is "unaware" of an element's attributes unless this attribute is applied inline. So you have to be mindful of this; you need to set the opacity with JS at onload, or set it inline. You can then "monitor" current opacity of an element using a timer or within your fade-in/out functions.
|
Br3nn4n
msg:3974077 | 11:53 am on Aug 18, 2009 (gmt 0) |
Thanks guys. My only concern with using any inline styling is that it slows down page load times (actually, showing of the final page times..) if I remember correctly. From what I've heard the browser first reads any external styles and then applies any inline ones correct? In my code, I have a small variable that simply sets (whatever element I'm fading's) opacity. That should work all the time right? I can post code if you need, although it just randomly started working today >.<
|
whoisgregg
msg:3974150 | 1:39 pm on Aug 18, 2009 (gmt 0) |
| using any inline styling is that it slows down page load times |
|
This may be the case if you use inline styling only, as all that extra code will make the page larger. (So on a slow connection the page would take longer to download.) But AFAIK there's no inline styling penalty for browser rendering. CSS styles do cascade, but the styling of a particular element typically is the result of dozens of cascades anyway, adding one more inline is not a big deal.
|
rocknbil
msg:3974321 | 5:27 pm on Aug 18, 2009 (gmt 0) |
| My only concern with using any inline styling is that it slows down page load times |
|
If this is your concern, a solution from those links is to use the window.onload event to set attributes: window.onload=function() { setStyles(); } function setStyles() {
if document.getElementById('example_div')) {
document.getElementById('example_div').style.display='block';
}
} Except you'd set initial opacity. In either case - inline or set at onload - JS will now be "aware" of the element's style. This is better anyway, allows you to put it in an external file and cleans up inline markup.
|
|
