edd_t Posted May 30, 2007 Share Posted May 30, 2007 I run an Intranet at work, its based on Sharepoint but that shouldnt matter. I've got a contact list of all the employees in the company, and its in table format (yes I know I should be using CSS) What I want, is that when you hover over the persons name (which is also a hyperlink to their personal page) a small picture of them pops up near their name. I could probably do it with some sort of roll on/roll off/show/hide layer type of thing, but that will create tons of messy code. Can anyone think of something more simple for making the pictures pop up? Cheers, Link to comment Share on other sites More sharing options...
Pete Posted May 30, 2007 Share Posted May 30, 2007 This is useful for this kinda thing - http://www.bosrup.com/web/overlib/ Link to comment Share on other sites More sharing options...
edd_t Posted May 30, 2007 Author Share Posted May 30, 2007 This is useful for this kinda thing - http://www.bosrup.com/web/overlib/ looks good. might be able to play with that, nice one. Link to comment Share on other sites More sharing options...
edd_t Posted May 30, 2007 Author Share Posted May 30, 2007 I must be doing something wrong on my test page:( I've added all of .js files into the root of my website. Even though the page only calls on one file 'overlib.js' Downloaded from here: https://sourceforge.net/project/showfiles.php?group_id=6218&package_id=6280&release_id=339422 I've followed the instructions as per this page: http://www.bosrup.com/web/overlib/?Documentation And created the below script for a page: /p> "http://www.w3.org/TR/html4/loose.dtd"> <span style="color:Red">Untitled Document</span> here And the flipping thing doesnt work any ideas? (im not great with Java script) Link to comment Share on other sites More sharing options...
Guru Posted May 30, 2007 Share Posted May 30, 2007 I just reformatted the text to read better and it worked fine for me. Copy and paste this into your file... br />"http://www.w3.org/TR/html4/loose.dtd"> Untitled Document <!-- overLIB (c) Erik Bosrup --> here Link to comment Share on other sites More sharing options...
edd_t Posted May 30, 2007 Author Share Posted May 30, 2007 I just reformatted the text to read better and it worked fine for me. Copy and paste this into your file... br />"http://www.w3.org/TR/html4/loose.dtd"> Untitled Document <!-- overLIB (c) Erik Bosrup --> here Spot on Guru thats working perfectly now Cheers dude. Link to comment Share on other sites More sharing options...
edd_t Posted May 30, 2007 Author Share Posted May 30, 2007 but now i cant get it working with 2 links d'oh Link to comment Share on other sites More sharing options...
Guru Posted May 30, 2007 Share Posted May 30, 2007 Try this: br />"http://www.w3.org/TR/html4/loose.dtd"> Untitled Document <!-- overLIB (c) Erik Bosrup --> TEST ONE TEST TWO TEST THREE Link to comment Share on other sites More sharing options...
edd_t Posted May 30, 2007 Author Share Posted May 30, 2007 brilliant. nice one cheers Link to comment Share on other sites More sharing options...
Guru Posted May 30, 2007 Share Posted May 30, 2007 Glad I could help Link to comment Share on other sites More sharing options...
edd_t Posted May 30, 2007 Author Share Posted May 30, 2007 Now I need to get it working with images. http://overlib.boughner.us/Sandow/images.htm Fun fun fun Link to comment Share on other sites More sharing options...
Pete Posted May 30, 2007 Share Posted May 30, 2007 You might try looking at something we have in dev where we used this. http://www.boningale.co.uk/_dev Link to comment Share on other sites More sharing options...
edd_t Posted May 30, 2007 Author Share Posted May 30, 2007 have got it working perfectly now, little image pops up on mouse over, then goes to URL on mouse down. brilliant cheers for the help guys Link to comment Share on other sites More sharing options...
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now