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);
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:
Thanks for the explanation, Kevin!
Rick
On Wed, Apr 29, 2009 at 12:58 PM, Kevin Dalman kevin.dal...@gmail.comwrote:
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
In the head you can do this:
script type=text/javascript document.documentElement.className =
'js';/script
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
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:
head
titleTest/title
script
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 the
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
Ok... i sorted the initial problems out, i load the css that hides the
elements using javscript:
script type=text/javascript
document.write('link rel=stylesheet media=all type=text/css
href=/css/no-js.css /');
/script
But i still think it is not dealing with the images on a per load
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,
9 matches
Mail list logo