Page 1 of 1

imagebuttons / thumbnail scroller layering

Posted: 26 Dec 2008, 11:57
by lowray1975
It appears that the imagebuttoms have a higher layer than then thumbnail scroller, so if you position the imagebuttoms at the bottom of the image they sit "above" the thumbnail scroller when displayed.

Posted: 28 Dec 2008, 00:25
by mjau-mjau
I guess that's true ... don't you think main controls should be globally accessible in front of thumbnails if you are overlaying?

Posted: 28 Dec 2008, 14:01
by lowray1975
mjau-mjau wrote:I guess that's true ... don't you think main controls should be globally accessible in front of thumbnails if you are overlaying?
Actually, I think the thumbnail scroller should be above everything else. The thumbnail scroller hides automatically so when a user wants to view thumbnails there is an action that needs to happen and they really can't view thumbnails and use the imagebuttons and main controls. Just my two cents.

For what it's worth, the configuration that I was trying to use was to have the imagebuttons aligned bottom left and the main controls aligned bottom right. When I activated the thumbnail scroller the maincontrols were hidden (because they were below the thumbnails), although the imagebuttons hovered above the thumbnails.

Posted: 29 Dec 2008, 10:09
by mjau-mjau
perhaps ... but the main controls also HIDE by default ... If they both appear on rollover a specific area, I would rather have the main controls overlaying the thumbnails so they were accessible at least. The thumbnailscroller covers a larger area anyway ...

Of course, best is if there is no overlaying like in the default configs ...

Posted: 30 Dec 2008, 09:52
by lowray1975
Of course, best is if there is no overlaying like in the default configs ...
I agree with that completely, although it ends up looking really neat if you do overlay. I figure that if someone is using the thumbnail scroller, why would they also use the other controls at the same time. Technically they couldn't because as soon as they leave the thumbnail area it will minimize...

How about add a z-layer attribute for each of the controls???

Posted: 30 Dec 2008, 10:34
by mjau-mjau
so let me get this right ... you have set your thumbnailscroller to autohide, while the controls remain visible all the time?

I don't see how else the controls would be accessible, if they were to be 'behind' the thumbnailscroller and only appear on the same mouse event. (That means the controls would never be accessible).

Posted: 31 Dec 2008, 09:36
by lowray1975
Yeah, this is difficult for me to explain! ;)

It's not configured this way now because of the imagebuttons, but here is what I had:

The thumbnailscroller was set to autohide with a height configured large enough to almost touch the top of an image. The controls were set to remain visible as you said. When moving the mouse down toward to the thumbnailscroller it would activate and cover the maincontrols, which is the feature I wanted, although not cover the imagebuttons.

I just recreated this on my site for you to see what this crazy guy is talking about! It's crude as I didn't worry about making opacity match, etc, but I think it will make more sense visually then textually. Do you still have my site information I sent via PM a few days ago?

Posted: 02 Jan 2009, 01:11
by mjau-mjau
Nice customization you have there!

I experienced your controls like this: The maincontrols and imagebuttons are nicely available all the time. However, when I roll over the thumbnailscroller, it pop up above the control. This worked fine for me! Why would I want the maincontrols hovering above the element i just activated? If anything, I would want the imagebuttons to be below the thumbnailscroller also ...

Posted: 02 Jan 2009, 10:53
by lowray1975
If anything, I would want the imagebuttons to be below the thumbnailscroller also ...
Exactly!!! :D

On a side note, even though the thumbnailscroller is above the maincontrols, the maincontrols still "click" when you hover over where they would be located if not hidden...