search

djpate / jTag

Tag plugin in jQuery
http://djpate.com/2011/01/14/jtag-a-jquery-plugin-to-tag-pictures-more/
GNU General Public License v3.0
80 stars 21 forks source link

Tagging and Scaling #7

Open marke123 opened 12 years ago

marke123 commented 12 years ago

Lets say the browser window is 1600x1200 and a picture on the screen is 800x600.

You tag the photo and store the tag data , no problem.

BUT - your HTML and CSS is designed to scale the image down if the browser window is smaller.

So you display the same picture that you tagged, the pic is in a div of 60% width of screen. CSS tells the img to scale to 100%, which of course means the image will scale to 60% of window width since it's in the div width 60% width.

At that hovering over a tag label causes jTag to display to related tag box in the wrong place on the screen because the tags are stored with pixel offset numbers.

Can you make jTag calculate tag box positions as a percentage of image width/height instead of absolute pixel offsets?

cagdastakis commented 6 years ago

I didnt saw this issue before post my own. here how i solved this; https://github.com/djpate/jTag/issues/12