Hi,

I am in the process of converting a site over to responsive. I have images of some product categories that when you mouse over them, they show a semi-transparent box, a short description and a button link. Is there a way to do this in RSD? Right now, the design is using old school mouseovers just to show the client the effect.

http://spoonfrogclients.com/prairiehill/

Thanks!

Someone else will have to help - if it is possible at all.
My experience is, that the mouseover effect doesn't work well on handheld devices. You don't have a mouse, so I think something where you tap on an image will work better. That should be achieveable with jquery.

Tooltip is easy to use.

Hi Eric, Can you please explain more?

https://jqueryui.com/tooltip/#custom-style

If one is willing to have the typing etc. in a picture, it is easy in RSD by having -
(a) the cookies picture as the background to a container;
(b) the same picture, but with the shading and the words and button, as a link in the container;
(c) the picture link in (b) set in the Effects panel with the Opacity as zero when the State is Regular, and as 1 when the State is Hover.

The attached file shows what I mean (the suffix needs changing from .txt to .rsd).

Frank

Thanks so much, Frank! I will give that a shot!