Problems with arrow positioning

Page: 1

Author Post
Member
Registered: Oct 2017
Posts: 37
Ran into some oddities regarding the placement of the overlay navigation arrows. First, the default behavior:

https://misterneutron.com/fbDefault/

With navOverlayPos: 0, the arrows plant nicely in the upper corners:

https://misterneutron.com/fb0/

But with navOverlayPos: 100, the arrows vanish entirely:

https://misterneutron.com/fb100/

A little poking around in the developer's console reveals that they're there, but they're "below the horizon," as it were.

And with navOverlayPos: 90, one gets mixed results - on the extreme aspect ratio image, they're cut off at the bottom:

https://misterneutron.com/fb90/

Not sure what behavior I would want, but at a minimum, the arrows should never be lower than the bottom edge of the image. (And that should also account for any CSS-driven resizing of the arrows.)
Administrator
Registered: Aug 2008
Posts: 3350
Life's too short.
Member
Registered: Oct 2017
Posts: 37
We all agree that life is too short, but we still try to do the best we can. ;)

One small change would take care of all but the most extreme cases. Best of all, it would provide a reliable way of planting the arrows in the bottom corners. Positioning elsewhere is always going to a bit less than pixel-perfect unless you really go down the rabbit hole and start trying to compute percentages ± the height of the arrow, and so on.

If navOverlayPos <= 50, the CSS is top: (navOverlayPos)%

If navOverlayPos > 50, the CSS is bottom: (100-navOverlayPos)%
Administrator
Registered: Aug 2008
Posts: 3350
In my judgement there is insufficient need or demand for nav arrows down at the bottom of images to warrant spending any time or adding any amount of code complexity.
Member
Registered: Oct 2017
Posts: 37
Fair enough. But then at least correct the documentation.

Quote
navOverlayPos - 0-100 (33)
When the mouse is active over an image with navType 'overlay' or 'both' set, small prev/next graphics are displayed. This setting is the percentage height from the image top that these graphics will appear. 0 puts them right at the top, and 100 places them at the bottom of the image.


Not true. The only way to place the arrows at the bottom is to add your own CSS to override what the script provides.

Page: 1