I didn't see anything on this particular combination. I have them both working together, but I'm having one small issue.
The way I have it set up, the Menus are at the top of the page. The Photomorpher is just a little bit below it. When you mouseover the menu, where it intersects the back button, it goes over, so the viewer can navigate. Where it intersects the picture itself, it goes under the picture, so the viewer can't get to the navigation. See below. (I hope the screen caps work.)
What setting would I change to have the picture go under or behind the menu, like the button does?
One other side note: how could the play/stop button in Photomorpher be relocated to either above or beside the picture? I'm not nearly enough of a dhtml/scripting guru to decipher precisely how all of this works. It functions on such a sophisticated level that it goes clear over my head. :-o
Thanks!
Justin
2) Angus TurnbullGroup: Moderators Posts: 4042Joined: 7 Dec 2003Location: New ZealandIP: 202.36.--.--
Posted:
Welcome to the world of CSS design :).
The simplest fix is to move the menu to the bottom of the page (before </body>) and give it this CSS:
position: absolute; left: 100px; top: 100px;
or similar, which will position it back around the top-left. Adjust until it's where you want.
Alternatively, you can keep the existing ordering and give each a different "z-index" CSS value, which manually controls the stacking order. However, you need to be careful if they're in different DIVs or table cells.
Good luck - Angus.
3) SunilGroup: Guests IP: 58.104.--.--
Posted:
I came across the same problem a little while ago, I employed the latter solution that Angus mentions and its worked for me thus far. I have the freestyle menu in one table cell and the photomorpher in another. Just added
z-index: 4
in the listmenu_o.css file to the submenus etc that I wanted to appear above the photomorpher.
heres how it looks in practice..not to mention the shameless plug.