09/23/06 05:26am  

Ancona5

Anonymous
Hi folks ...

it's possible to make a popup containing the userphoto when I move the mouse over the camera.png in the whos_online_block??

It may be very nice ...




ps: I don't know well javascript ...
 10/29/06 04:00am  
Status: offline

1000ideen

Forum User
Full Member
Registered: 08/04/03
Posts: 1298
I quite like the idea. Does anybody know a JavaScript for it?
 11/08/06 04:15pm  
Status: offline

Chalkhillian

Forum User
Chatty
Registered: 09/23/02
Posts: 67
Quote by 1000ideen: I quite like the idea. Does anybody know a JavaScript for it?


wz_tooltip.js works well, highly configurable and supports text and/or graphics. Google it and let me know if you need a hand implementing it.
 12/02/06 06:06am  
Status: offline

1000ideen

Forum User
Full Member
Registered: 08/04/03
Posts: 1298
Another idea may be this "Rich HTML Balloon Tooltip"
http://www.dynamicdrive.com/dynamicindex5/balloontooltip.htm
 12/20/06 03:00am  

tokyoahead

Anonymous
You dont need Javascript. you can do that with CSS.

insert into the links for the username a span and make the link a class "section"

Text Formatted Code
<a class="section" href="/user...">Username<span><img src="/path/"></span></a>


then add the following to your CSS.

Text Formatted Code


.section  {
  position:relative; /*this is the key*/
  z-index:24;
}

.section:hover {
  z-index:25;
}

.section span{
  display: none;
}

.section:hover span { /*the span will display just on :hover state*/
  display:block;
  position:absolute;
}