- Create Account

Photomorpher + FreeStyle Menus

Forums > Combining Scripts > Photomorpher + FreeStyle Menus
Author
Message

1) Justin Group: Members
Posts: 2 Joined: 6 Jul 2005 Location: Maryland, USA IP: 209.190.--.--
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 Turnbull Group: Moderators
Posts: 4042 Joined: 7 Dec 2003 Location: New Zealand IP: 202.36.--.--
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) Sunil Group: Guests
IP: 58.104.--.--
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.

http://www.cicd.org.au/information/hiroshima/hiroshimaexhibition.shtml

Post a Reply:

You are not logged in, and will be posting anonymously as a guest. If you want to post using an account, please login at the top of this page.