Tag photos using javascript

Discussion in 'JavaScript' started by triper, Nov 8, 2007.

  1. #1
    Does anyone know how I can make tagged photos like on facebook?
    Or how I can select width and height object for selecting on images?

    Somethings like this photo tagging http://tinyurl.com/3b2yy7

    I search couple hours but with no success, maybe I search with wrong keywords. Can anyone help me?

    Thx
     
    triper, Nov 8, 2007 IP
  2. triper

    triper Member

    Messages:
    66
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #2
    Anyone? Can someone tell me what keyword to search this? thx
     
    triper, Nov 9, 2007 IP
  3. sin0cide

    sin0cide Peon

    Messages:
    36
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    well that is a very advanced setup requireing some database and probley some type of window overlay like a layer thats sizeable and only has a border tag plus needs to be moveable and lockable. I mean I guess you can probley find a pretty easy way of doing that with some popup tutorials but if your new to javascript good luck
     
    sin0cide, Nov 9, 2007 IP
  4. triper

    triper Member

    Messages:
    66
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #4
    No I'm not new to javascript, but like for nice preview gallery is lightbox, maybe for this have some also specific keywords what I dont know the name. So I looking something like these sites have, but I cant find, so I need help. :)
     
    triper, Nov 9, 2007 IP
  5. spainexpat

    spainexpat Peon

    Messages:
    125
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Hey there, I'm looking for the same thing. So far I have an idea of how to do it, and I've looked at Facebook's method extensively but it seems overly convoluted. It's a great feature though. Let's try to spec it out:

    - button to activate tagging mode
    - container div with position relative
    - onclick listener that submits x and y of click
    - returns a box centred at those coordinates (position:absolute) containing a form and input (autocompleter and other features at your discretion)
    - box may be resizeable (no idea how to do that but I need this - will have a look at some of these cropping scripts)
    - onsubmit of form saves coordinates of the box, it's width and height, plus whatever input stuff you put in.

    Sound right?
     
    spainexpat, Nov 14, 2007 IP