On Dec 31, 2007, at 1:16 PM, tetrix wrote:
So, you want image 1 to be visible on page load, then fade out to
reveal image 2; then, image 2 should fade out to reveal image 3?
yes right this is what i want
you want image 2 and 3 to fade in when they become visible
yes
do you want that to occur at the same time that the previous one is
fading out,
yes
And what do you want to happen after image
3 has appeared? Should it stay visible, or do you want it to fade out
over a period of 4 seconds, just as the others do?
yes
I assume you're answering "yes" to the *second* part of the question,
since there is a mutually exclusive "or" in the question.
By the way, whether you have 3 images or just 1 in the DOM when the
page loads is irrelevant to your needs; it's more a matter of what
you
want to have visible if JavaScript and/or CSS are not available,
since
you can have images layered on top of each other through setting
position to absolute and appropriate z-index.
check this link http://tetrix01.free.fr/fade.htm it is the effect
done without jquery i am trying not to use absolute positioning for
this
well, if you want one image to be fading in at the same time as the
other one is fading out, then you'll need to use absolute positioning.
Not sure how else it's possible to have one layered over the other.
i did some kind of trick: the css #photo-holder has a height and
width of 0px this permits to have the image with a margin of 0 auto,
if you try to select the text after the image disappear it is
impossible i would like to have the text still selectable, i am very
curious to how can this be done after the 3 images fades how to get
the text selectable again
you'll have to remove the image altogether or make its z-index less
than the z-index of the text's container element. If you do it through
z-index, you'll need to have the text's element set to position:
relative or absolute in order for its z-index to take.
