Hi Freeway problem solvers …
I’ll give up on my sliding thumbnail strip for now.
Suppose I have a thumbnail image for which a mouse-over gives a large image with a superimposed text layer. I can do this. Can I then organize things so that a mouse click (while maintaining the mouse-over) initiates a Show/Hide for the text layer?
[An alternative which I can do would be to use a click to make the large image and text appear, and then a further click on the large image to make the text Show/Hide.]
With thanks, Paul
Sure. Apply Rollover to the bottom (smallest) image, and set it to show the medium image when you mouse over that image. Then apply Rollover to the medium image, and set it to display your your text layer on a click. Finally, add a graphical button to your text layer, again with Rollover applied to it, set to hide the text layer on click.
Walter
On Jun 13, 2013, at 1:05 AM, Paul Scott wrote:
Hi Freeway problem solvers …
I’ll give up on my sliding thumbnail strip for now.
Suppose I have a thumbnail image for which a mouse-over gives a large image with a superimposed text layer. I can do this. Can I then organize things so that a mouse click (while maintaining the mouse-over) initiates a Show/Hide for the text layer?
[An alternative which I can do would be to use a click to make the large image and text appear, and then a further click on the large image to make the text Show/Hide.]
With thanks, Paul
Some thought provoking ideas here Walter, but perhaps I need to clarify my situation. The thumbnail sits below the main image and text layer with no overlap. I propose to be holding the cursor over the thumbnail, thus revealing the main image and the text layer. With the cursor remaining in this position, I’d like to click to hide the text layer. It seems I might need some multiple actions for the thumbnail?
Yes, the issue is that the rollover may only be applied once to an element, so you can choose rollover OR click but not both. You may need to dive off the end of the dock into the deeper waters of JavaScript, and code this interaction yourself.
It’s not that impossible, if you can make an example showing the states side by side (step and repeat the same set of elements, and show them in the three different stages of visibility) I can help you out with this.
Walter
On Jun 13, 2013, at 8:04 PM, Paul Scott wrote:
Some thought provoking ideas here Walter, but perhaps I need to clarify my situation. The thumbnail sits below the main image and text layer with no overlap. I propose to be holding the cursor over the thumbnail, thus revealing the main image and the text layer. With the cursor remaining in this position, I’d like to click to hide the text layer. It seems I might need some multiple actions for the thumbnail?
No problem. The other thing to remember is that mobile users have no need or use for rollover effects. Touch effects are another matter, though. iOS maps the first touch on an element that has a mouseover listener on it to that mouseover, but then if you also have a touch event registered on that same element, you have to “click” by touching twice – this leads to a lot of consternation. So if you are thinking about mobile users (and you should be) you may want to re-think how you reveal these elements. Try to stick to a single click event rather than your compound event.