Thanks for the explanation, Kevin!
Rick
On Wed, Apr 29, 2009 at 12:58 PM, Kevin Dalman wrote:
>
> Hi Rick,
>
> Karl's suggestion seems the most elegant (assuming it works OK).
>
> Here is some sample code for what he is suggesting
>
> -- in HEAD or a stylesheet...
> body.js #media-gallery ul
Here is a variation on Eric's idea. But in this example, instead of
writing the CSS rule via Javascript, write a rule to *negate it*
inside a noscript tag.
-- in HEAD or a stylesheet...
#media-gallery ul li img {
/* opacity *may* work better than display:none */
opacity: 0.01;
filter: al
Hi Rick,
Karl's suggestion seems the most elegant (assuming it works OK).
Here is some sample code for what he is suggesting
-- in HEAD or a stylesheet...
body.js #media-gallery ul li img {
/* opacity *may* work better than display:none */
opacity: 0.01;
filter: alpha(opacity=1);
}
I don't know that would work, Karl. It would have to be either at the
bottom of the page, as the elements wouldn't be in the dom yet if it
was just up top. But, that did inspire an idea. If you want to keep
the compliance, you could try the following:
Test
var css = document.create
>> In the you can do this:
>> document.documentElement.className =
'js';
>> Then you can set styles for elements as descendants of .js.
Karl...will you explain a little more about what this means and perhaps give
an
example of its implementation? Or is there a blog or tutorial somewhere?
Thank
On Apr 27, 2009, at 8:05 PM, Eric Garside wrote:
A) the images very quickly load then disapper. I dont want to hide
the images in css incase people have js diasbled.
You're out of luck, then. DOMReady will trigger after the images and
html has loaded, so unless you hide them with CSS, there
Ok... i sorted the initial problems out, i load the css that hides the
elements using javscript:
document.write('');
But i still think it is not dealing with the images on a per load
basis but on whole, any ide
Eric, thanks for the input.
I think (not sure) the way i have the code done it waits for all
images to load before fading them in, as opposed to fading the
individual image in when loaded.
I found this: http://clagnut.com/sandbox/imagefades/
Which seems to do eveyrhing i want including the imag
> A) the images very quickly load then disapper. I dont want to hide the images
> in css incase people have js diasbled.
You're out of luck, then. DOMReady will trigger after the images and
html has loaded, so unless you hide them with CSS, there's no way to
prevent the flash, afaik.
> B) all th
