Hi Adam, I am using Image Hover. But when a customer looks at the image, he does not necessarily know that he can use the mouse to hover over the image to see a description.
So I would love to have the option to add a small i or any other icon on top of the image (perhaps fontawsome as in the rest of your stacks/provided by Stacks) to indicate that there is more to the image.
I totally agree. Web users must have an indication that an image needs to be clicked or hovered over or touch device users have an alternative indicator for them to be 100% successful. We also shouldn’t forget that many younger users have never used a mouse and are not familiar with a mouseover.
Thank you, but not really. The position is either at the middle of the picture or outside. The middle is too disturbing, and sometimes the hover effect is not triggered when the icon is outside the image.
That is not a feature that is currently on the road map for the Hover Image stack. I’ll take note of the suggestion though, but at this time I am focused on creating some new stacks, so I can’t promise that I’ll get a chance to look at whether the feature would work with the way the stack is coded right now.
One down side that I might foresee is that in placing an indicator over the image the hover trigger, which is CSS-based, will not trigger if the visitor is hovering over the indicator icon, only if they’re hovering the image itself. This could lead to confusion. When I look at it I’ll see if there’s a way around that, but it very well might be a limitation.
While I’m fine working on adding it as an option, doing what you mention, adding it to the photo directly doesn’t impede the effect from triggering though. Sometimes the easiest answers are the best. That said, I took a break from what I was working on and started on this earlier today. It is all hard coded right now with no features, options, etc as well as no testing, so it is a ways off still. I’d include a nice animation for the indicator, but then it runs into the problem I outlined here.