Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works

Facebook Photo Zoom" effect - how to do it?

  • Please log in to reply




  • Member
  • PipPip
  • 17 posts
I know this method exists, because I have a Chrome plugin that zooms images upon hover/rollover on Facebook pages:

Posted Image

I've looked into this and I'm confused whether CSS can handle this on its own, or I need javascript, or maybe say the alphabet backwards repeatedly as an incantation. I'm just not sure.

The idea is to display the same image (which may be automatically resized or thumbnailed automatically or manually), in it's full size, in a nice little box over the site's content.

Most solutions I found involve playing around with two images, which is impractical on social networking sites.

Thank you

Man Nursing Ulcer

Edited by Number6, 09 January 2013 - 07:03 PM.

  • 0





  • Member
  • PipPipPip
  • 423 posts
Are you looking for an image zoom for your web site or as a browser add-on for another browser? Usually CSS / JavaScript uses two images which can be preloaded for smoother transitions on a mouseover. A CSS option is to have one large image, use CSS to make it appear smaller then show the full size image when the user hovers over.

6 Amazing JavaScript Image Zoom Scripts

  • 0

Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP