jQuery Plugin that does this?

Question

enter image description here

Is there a jQuery plugin that allows this?

From the sketch, I think the plugin would add numbers to the image, detect onhover for those numbers, and then highlight the corresponding list element on the right — Robert Martin, Sep 07 '11 at 12:55
Do you want that text on the right (#1 to circle 1, etc) to display below the cursor when you hover? — hunter, Sep 07 '11 at 12:55
Why not use a map and area tag ([ref](http://www.w3schools.com/TAGS/tag_area.asp)) with a tooltip? — Mottie, Sep 07 '11 at 13:57

score 0 · Accepted Answer · answered Sep 07 '11 at 12:55

0

You could use a "tag" plugin to do something similar?

http://www.jpictag.com/demos/edition

Or

http://djpate.com/2011/01/14/jtag-a-jquery-plugin-to-tag-pictures-more/

answered Sep 07 '11 at 12:55

Alex

7,320
1
18
31

score 0 · Answer 2 · answered Sep 07 '11 at 13:09

You're looking at quite a bit of effort (and cpu power and thought) for very little gain. It essentially involves creating your own bit of javascript / jquery plugin.

But if you still wanted to go about doing it, you're going to need to load an image onto a canvas element, pull in its data using getImageData, and then use some pretty advanced OCR trickery to figure out where & what these letters are.

It's definitely possible if you've got the time - John Resig analyses a Greasemonkey script that used this technique (along with Neural Networks) to solve captchas here.

jQuery Plugin that does this?

2 Answers2