1

I'm sure someone must have written a plugin for this already, but I was wondering if anyone knows of one that will allow a cropped version of an image to be shown on a page, and hovering over it shows the uncropped version?

More information:

Ideally I'd like to store the uncropped image on the server, and have the page initially show the cropped version (i.e could be cropped with css). On mouseover, the image "grows" to its full, uncropped size in front of all the other content (i.e. the surrounding elements don't move)

Jack James
  • 5,252
  • 6
  • 36
  • 38
  • Are you dealing with two separate files, one that is cropped and one that is not? Seems like you could just use jQuery hover() and change the src attribute of the img. – Dane Hillard Feb 17 '13 at 22:37
  • 1
    It would be helpful to add screenshots or mockups showing the default state and the hover state. Either that or a more detailed description of how it should behave. – Matt Coughlin Feb 18 '13 at 00:44
  • Like Google Images used to be, except the thumbnails are cropped instead of scaled. Related questions: http://stackoverflow.com/questions/7411393 http://stackoverflow.com/questions/5383893 (note: the "cropping" part may require customizing an existing plugin). – Matt Coughlin Feb 18 '13 at 16:00
  • If you need control over where the cropping occurs for each image (to make them more presentable), you'll need to either have custom CSS/JS for each image, or separate images for the cropped thumbnails. For separate images, it may be simpler to just use a generic popup plugin, like jQuery Tools. – Matt Coughlin Feb 18 '13 at 16:01

0 Answers0