Image z-order, moving images to the top of a pile/stack

[Guest]

I have a 'stack' of images, i.e. each overlying about 1/2 of the image behind.

Onmouseover/rollover - I want that image to come to the front (ie show 100%).

I've tried 'behaviors' and setting the z-order, but with indeterminate
results .. and then I read on Microsoft support page that z-order doesnt work
with FP2000 (and wondered if this also applied to FP2003.

Can anyone offer an alternative way, or explain how z-order works ... and
does it make any difference if the z-order is applied to the image itself or
the layer containing it?

 

[Murray]

z-index. Must all images be shown all the time?

Can anyone offer an alternative way, or explain how z-order works ...

z-index describes the 'height' above the plane of the paper at which the
element floats (the z axis is an imaginary line extending vertically
through - i.e., out of - the page). Although any element on the page can be
given a z-index, it will only affect the page and its behavior if the
element is also positioned, i.e., with position:absolute | relative, as with
a 'layer'.

and
does it make any difference if the z-order is applied to the image itself
or
the layer containing it?

It would make a difference if the image is not positioned and the div tag
containing it is (as would be the case with a "layer"). If BOTH are
positioned, e.g.,

<div style="position:absolute;..."...><img
style="position:absolute;..."...></div>

then it would depend on the effect you are trying to achieve, and the rest
of the page's content, as to whether it would make a difference.

That's probably TMI, but it is the story.

I'll wait to post further until I see your answer to my first question.

 

[Guest]

Yes .... and no ;-)
When one comes to the 'front' it will block out others, but as soon as the
mouse moves out, the stack will show again - - if thats what you were asking?

If I explain the problem that might help. I have to show pictures of all
the artists appearing at an event, but there's not enough space on the page
to show them all side by side, so I had the though of using a 'stack' with
each showing on mouseover.

 

[Murray]

Why not just use an image swap arrangement. Imagine you have a page like
this -

image thumbnail LARGE IMAGE DUMMY
image thumbnail
.....

Select each thumb, and apply an image swap behavior to swap the dummy image
to the desired larger image. Would that not work?

 

[Guest]

Yes that would work, but it's poor use of screen space. It means that when
1st looked at, a large amount of space is blank (ie where the large image
will be).

 

[Murray]

Not necessarily - you could always have a) some attractive space filling
image, or b) the first of the swapped images in place when the page loads.

 

[Guest]

It seems that an object's z-order may be constrained by that of the layer
they are in... so I put each picture in a separate layer, and onmouseover
altered the z-order of the respective layer.

It now works OK - resolved

 

[Murray]

An object won't have a z-index unless it is positioned. An image in a layer
will 'float' with the layer, unless you also position the image.