Re: [css-d] Does a hidden element load?

[Jay Blanchard]

[snip]
Does an element hidden with css load?
[/snip]

Yes.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Does a hidden element load?

[David Hucklesby]

On Tue, 6 Jun 2006 13:23:38 -0400, Christy Collins wrote:
> Does an element hidden with css load?
>
On Tue, 6 Jun 2006 12:29:06 -0500, Jay Blanchard replied:
> 
> Yes.
>
That may be a "perhaps." If "hiding" means "visibility: hidden" I believe 
you are correct. But if Christy means "display: none" then I do know some 
browsers do not download the image. I don't recall which browsers, 
though. Sorry.

Cordially,
David
-- 
David Hucklesby, on 6/7/2006

--



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Does a hidden element load?

[Craig Cook]

> > > Does an element hidden with css load?

> > Yes.

> That may be a "perhaps." If "hiding" means "visibility: hidden" I believe
> you are correct. But if Christy means "display: none" then I do know some
> browsers do not download the image. I don't recall which browsers,
> though. Sorry.


If "element" refers to an element in (X)HTML, it will indeed load and
you'll see it in the rendered source, even if its display is set to
none. CSS doesn't command the existence of an element, merely its
presentation.

But it's an interesting question of whether background images in CSS
are downloaded when the rule also includes a "display:none" property.
I would assume yes, but it would depend on browser implementation and
the order in which the properties are rendered. It might be the case
that if "display:none" comes before "background-image", some browsers
wouldn't request the image file, but I would be surprised and annoyed
by any desktop browser that behaved this way. It would mean
display:none is being interpreted as "stop reading at this point and
continue to the next rule" which is just plain wrong.


-- 
Craig, www.focalcurve.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Does a hidden element load?

[Tobias Baldauf]

I'm quite sure that FF does not load elements that are set to display:none;

I played around with a css-image-preloader some time ago & made that
experience. And I believe it to be a smart thing to do of FF, because it
safes bandwidth.

Craig Cook schrieb:
 Does an element hidden with css load?
> 
>>> Yes.
> 
>> That may be a "perhaps." If "hiding" means "visibility: hidden" I believe
>> you are correct. But if Christy means "display: none" then I do know some
>> browsers do not download the image. I don't recall which browsers,
>> though. Sorry.
> 
> 
> If "element" refers to an element in (X)HTML, it will indeed load and
> you'll see it in the rendered source, even if its display is set to
> none. CSS doesn't command the existence of an element, merely its
> presentation.
> 
> But it's an interesting question of whether background images in CSS
> are downloaded when the rule also includes a "display:none" property.
> I would assume yes, but it would depend on browser implementation and
> the order in which the properties are rendered. It might be the case
> that if "display:none" comes before "background-image", some browsers
> wouldn't request the image file, but I would be surprised and annoyed
> by any desktop browser that behaved this way. It would mean
> display:none is being interpreted as "stop reading at this point and
> continue to the next rule" which is just plain wrong.
> 
> 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Does a hidden element load?

[francky]

Tobias Baldauf wrote:

>I'm quite sure that FF does not load elements that are set to display:none;
>
>I played around with a css-image-preloader some time ago & made that
>experience. And I believe it to be a smart thing to do of FF, because it
>safes bandwidth.
>
I think a css-image-preloader with { margin-left: -px; } should work 
always.

Greetings,
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Does a hidden element load?

[Tobias Baldauf]

I wrote one - based on an article I read before - some time ago after my
tests:

/* Pure CSS Image Preloader */

#img-preload{
position:absolute;
height:0px;
width:0px;
overflow:hidden;
}

#img-preload img{
height:0px;
width:0px;
}

/* End of Pure CSS Image Preloader */

I haven't found a downside of this method yet. I checked it in FF 1.0.7
& 1.5.0.3, IE 6 SP2 in Win, FF on Mac and on Linux and Konqueror in
Linux. That's all I have - IE7 hasn't found its way to my systems yet...

This method did seem to work on all of those systems as it does not hide
any elements, but renders them invisible otherwise. This ensures that
the images are indeed loaded no matter which browser-client comes along.

Feedback on this method is greatly appreciated!

Greets,

Tobias

francky schrieb:
> I think a css-image-preloader with { margin-left: -px; } should work 
> always.
> 
> Greetings,
> francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/