This is a page of thumbnails of their book titles and each time you hover over a title or pass over it, a text box pops up on the right side of the screen. It’s a very clean and attractive design. What’s particularly nice about it is that as you go down the rows of titles, the pop up box on the right is also parallel with whatever row you’re on.
I’m pretty sure we can do this, but I was wondering whether anyone could recommend the right actions to use.
Target Show/Hide Layer on the boxes on the right (set to Initially
Hidden), Rollover on the thumbnails. The alignment is a simple matter
of your layout. All the boxes on the right are actually in the page,
but their display property is toggled to none by the Show/Hide code.
When the Rollover fires, they are triggered back to display:block.
You’ll want to fiddle with the Rollover settings – Sticky, maybe –
and see which one gives you the effect you need.
This is a page of thumbnails of their book titles and each time you
hover over a title or pass over it, a text box pops up on the right
side of the screen. It’s a very clean and attractive design. What’s
particularly nice about it is that as you go down the rows of
titles, the pop up box on the right is also parallel with whatever
row you’re on.
I’m pretty sure we can do this, but I was wondering whether anyone
could recommend the right actions to use.
Thanks, Walter, I appreciate it. This method saves a lot of screen real estate and avoids creating a lot of links and pages. I really like it.
Martin
On Feb 2, 2011, at 11:15 AM, Walter Lee Davis wrote:
Target Show/Hide Layer on the boxes on the right (set to Initially Hidden), Rollover on the thumbnails. The alignment is a simple matter of your layout. All the boxes on the right are actually in the page, but their display property is toggled to none by the Show/Hide code. When the Rollover fires, they are triggered back to display:block. You’ll want to fiddle with the Rollover settings – Sticky, maybe – and see which one gives you the effect you need.
This is a page of thumbnails of their book titles and each time you hover over a title or pass over it, a text box pops up on the right side of the screen. It’s a very clean and attractive design. What’s particularly nice about it is that as you go down the rows of titles, the pop up box on the right is also parallel with whatever row you’re on.
I’m pretty sure we can do this, but I was wondering whether anyone could recommend the right actions to use.