Hi,
I have a menu that is always open. this is great and this is how I want it.
I have an image that by default it fits the margin.
However, I have an option to zoom-in on the image.
When zooming-in, the opened menu is displayed above the image itself.
I don't like it.
I want to visitor to be able to zoom-in to view a fullscreen-fullsize image, without anything that's interfering with the image.
This works great with my logo (because it's actually the "background"), but not with the menu.
I don't mind the audio player and the image buttons (exit fullscreen/zoom) , they can stay visible.
I do want to make the menu "below" the image and not "above" it.
How can I change it to act this way?
I tried setting "z-index: -1" to 'mainmenu' in the css, but it didn't work....
Thanks
X3Photo Gallery Forums
X3 Photo Gallery Support Forums
Re: how to change the menu to displayed below the image?
How are people supposed to navigate to another gallery if the controls are hidden beneath the image when they scale in? It is not unusual to go into full-zoom, and then stay in that mode. It is bad usability to put click-able items behind the image like that ... Of course, this is why we by default collapse the menu so it is minified.
You can't change it from CSS, as this is flash ... CSS is only used for text-formatting in textfield.
Sorry, this is just the way flash and Imagevue works.
You can't change it from CSS, as this is flash ... CSS is only used for text-formatting in textfield.
Sorry, this is just the way flash and Imagevue works.
Re: how to change the menu to displayed below the image?
What do you mean "How are people supposed to navigate" ?
They zoom out, exactly the same way they zoomed in (only the opposite way), by the mouse scroll or the zoom in-out buttons, and then they see the full website again.
This has nothing to do with full screen! full screen does not change the image scale. I'm actually counting to people to go into full screen and stay in that mode (this is why I use "first click full screen").
zooming the picture to full size fit is an active action done by the user. He wants it. He does not want the menu to hide the picture right now. He did this purposely in order to see a full screen full size image. Like clicking the "full screen" button in MS-Paint.
This behavior is not annoying to the user by any way.
by the way, even when the menu is collapsed - how is that a good solution? I still have the "menu" button visible above the image, disturbing it.... and in horizontal menu - it's even worse then the opened menu..
I wish that the fitstage and cropstage methods will allow me to display a full screen full size image, without and buttons above it...
anyway....
I don't understand why you say it's not possible.
I managed to remove the folder's count (number of pictures for the category) by changing the CSS:
Please do note that the menu's background is transparent. Only the actual TEXT is visible.
Can you think of any creative way to achieve this?
They zoom out, exactly the same way they zoomed in (only the opposite way), by the mouse scroll or the zoom in-out buttons, and then they see the full website again.
This has nothing to do with full screen! full screen does not change the image scale. I'm actually counting to people to go into full screen and stay in that mode (this is why I use "first click full screen").
zooming the picture to full size fit is an active action done by the user. He wants it. He does not want the menu to hide the picture right now. He did this purposely in order to see a full screen full size image. Like clicking the "full screen" button in MS-Paint.
This behavior is not annoying to the user by any way.
by the way, even when the menu is collapsed - how is that a good solution? I still have the "menu" button visible above the image, disturbing it.... and in horizontal menu - it's even worse then the opened menu..
I wish that the fitstage and cropstage methods will allow me to display a full screen full size image, without and buttons above it...
anyway....
I don't understand why you say it's not possible.
I managed to remove the folder's count (number of pictures for the category) by changing the CSS:
I even managed to completely hide the menu using only CSS:.mainmenu_amount {
color: #CC9900;
visibility:hidden;
display: none;
}
So, there has to be a way to make the image one layer higher then the menu.....mainmenu_textPage {
visibility:hidden;
display: none;
}
.mainmenu_link {
font-style: italic;
visibility:hidden;
display: none;
}
.mainmenu_hasFiles {
visibility:hidden;
display: none;
}
Please do note that the menu's background is transparent. Only the actual TEXT is visible.
Can you think of any creative way to achieve this?
Re: how to change the menu to displayed below the image?
Well, this could be a long post that doesn't go anywhere, but let me comment a few things ...
First of all, I never said anything about full-screen (I said full-zoom), and don't really see what it has to do with the original issue. When the user zooms, disregardless of fullscreen, the image scales to beneath the main menu.
Now, you argue that people will zoom in and then zoom back out again before they navigate. How do you know they don't want to stay in full-zoom mode? Many people, including our developer Nick, prefers to have images scaled to full size of the stage ... I don't think he wants to zoom out again. How can that not be annoying?
The menu collapsed, how this can be a good solution? Well, 90% of our users prefer to have the menu collapsed, simply because it does not interfere with the images. Even in image full-zoom mode, it has minimal impact. If you want to have an opened menu, that is up to you, but I don't think you can insist as the first person that this is a bad solution. What screen size are you on? I am on a macbook 13", and I want that menu out of the way! However, I want it accessible of course ... Your argument is a valid personal opinion, but nothing more.
CSS is ONLY for editing text-formatting in textfields in Imagevue. You removed the filecount with css, because filecount is text in a textfield, that can be hidden with a plain css style - display:none;. Unfortunately, CSS has absolutely no other impact in flash, and cannot control non-textfield items (like the main menu). We could of course add a setting for the depth of the menu, although this would mean bloating the config with lots of settings that not many people are going to use ...
First of all, I never said anything about full-screen (I said full-zoom), and don't really see what it has to do with the original issue. When the user zooms, disregardless of fullscreen, the image scales to beneath the main menu.
Now, you argue that people will zoom in and then zoom back out again before they navigate. How do you know they don't want to stay in full-zoom mode? Many people, including our developer Nick, prefers to have images scaled to full size of the stage ... I don't think he wants to zoom out again. How can that not be annoying?
The menu collapsed, how this can be a good solution? Well, 90% of our users prefer to have the menu collapsed, simply because it does not interfere with the images. Even in image full-zoom mode, it has minimal impact. If you want to have an opened menu, that is up to you, but I don't think you can insist as the first person that this is a bad solution. What screen size are you on? I am on a macbook 13", and I want that menu out of the way! However, I want it accessible of course ... Your argument is a valid personal opinion, but nothing more.
CSS is ONLY for editing text-formatting in textfields in Imagevue. You removed the filecount with css, because filecount is text in a textfield, that can be hidden with a plain css style - display:none;. Unfortunately, CSS has absolutely no other impact in flash, and cannot control non-textfield items (like the main menu). We could of course add a setting for the depth of the menu, although this would mean bloating the config with lots of settings that not many people are going to use ...
Re: how to change the menu to displayed below the image?
He don't need to. He can navigate with the prev/next links (right/left sides), with the keyboard, or with the navigation scroll at the bottom. the menu has nothing to do with navigation during image display, actually.... not for my website.mjau-mjau wrote:How do you know they don't want to stay in full-zoom mode? Many people, including our developer Nick, prefers to have images scaled to full size of the stage ... I don't think he wants to zoom out again.
thanks anyway.