ClassCreator.com | Blockbuster sites, amazing reunions

Share Tips

New Topic Subscription Options  

Adding images to mouse pointer

Forums: Questions and Answers About Building Your Site
Created on: 06/06/20 12:31 PM Views: 185 Replies: 5
Saturday, June 6, 2020 at 12:31 PM

Hello,

I saw this image and would like to do the same to my reunion photo:

pointer images...

Does anyone happen to know if special software is required to do this, or how it was done?

Thanks,

Dan

Reply
Saturday, June 6, 2020 at 1:25 PM - Response #1

It is done with a javascript. Look at page in SOURCE mode.

It's not simple though - a lot of work. One has to figure out the coordinates of every single "head" in the image. There's an extension for Chrome that gives them, but I've never used it. One can also temporarily use a script to figure them out and then enter that into the table.

I'd try to contact admin and ask what he used to determine the coordinates.

This also kills Responsive Design - if you ever went there. The image can not adjust according to display size, although one could put in the math to fix. This one does not do that.

Reply
Saturday, June 6, 2020 at 2:58 PM - Response #2

That's cool, Dan. However, your photo is so large, it is blowing out the right side of the page.

That would be a GREAT addition to our sites, especially if it worked in RD!

Reply
Edited 06/06/20 3:02 PM
Tuesday, June 9, 2020 at 2:39 AM - Response #3

Dan, are you asking about the spinning gopher,

or the fact that when your cursor "mouse overs" the photo, the corresponding yearbook photo for each classmate is displayed as a pop up on the cursor?

That really is a neat trick. I'd also like to know how that is done. Thanks for posting!

Reply
Tuesday, June 9, 2020 at 3:34 AM - Response #4

You can get the script/code right there from the page. Look at it in source mode. Short explanation above.

Basic code is relatively simple, getting coordinates is not.

Reply
Edited 06/09/20 3:35 AM
Tuesday, June 9, 2020 at 10:24 AM - Response #5

Thanks Jack, for the response!

Reply
New Topic  
Subscription Options: Have all new forum posts sent directly to your email.
Subscription options are available after you log in.