taggare una foto? come si fa..

Ciao a tutti...
taggare una foto come viene fatto questo effetto sulle foto...:razz:

Creando sull'immagine una mappa per tutta la figura della persona taggata, e quando ci si passa sopra con il mouse, tramite un semplice effetto JavaScript, compare un tooltip contenente il nome della persona.

Questo sistema non è altro che l'utilizzo di semplice HTML combinato a javascript per permettere all'utente del tag.

Ciò che accade quando tagghi una foto è:

1. Mostri l'immagine.
2. JavaScript ti mostra un'area selezionabile sull'immagine mostrata.
3. Applicando l'area javascript calcola le coordinate dell'area selezionata sull'immagine.
4. JavaScript memorizza le coordinate.
5. PHP elabora un nuovo codice e mostra l'immagine aggiungendo anche il tag html map con le coordinate salvate.
6. Viene mostrata la nuova immagine (che non cambia) con il codice map che permette di mostrare i tag.

C'è uno script completo ma a pagamento, se ti interessa ti posto il link.

EDIT: Sono stato preceduto in poche parole da alessandro, ma il mio edit è dedicato a questo link. Lo script più o meno è quello che cerchi.

@miki92
ti ringrazio del link...

se io volessi dare la possibilità di taggare una foto ad un utente tramite un link...
tipo facebook se non sbaglio...^^

Eh dovresti intrecciarti con quello script lì.

Come ti ho spiegato occorre uno script in javascript che ti permetta di selezionare parte o tutta l'immagine e che ne memorizzi le coordinate.

Fallo con il righello di software di grafica non ci vuole niente, ma per il tuo scopo serve obbligatoriamente javascript.

Ho cercato di trovare ciò che serve ma il risultato è stato nullo, anche se in passato trovai una cosa del genere.

pensavo di fare di memorizzare le coordinate in un db...

Non importa dove le salvi, l'importante è che vengano ricavate.

Codice PHP:

---

CREATE TABLE IF NOT EXISTS `taggare` (
`id_tag` int(11) NOT NULL AUTO_INCREMENT,
`tag` varchar(255) NOT NULL,
PRIMARY KEY (`id_tag`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=1;


---

pensavo di usare una tabella cosi...
per il campo tag cosa mi consigli di mettere ho messo per ora varchar (255)
poi pensavo di separare ogni nome con un ;

tu ke mi consigli...:razz:

Non ci sono le coordinate dei nomi. A questo punto puoi usare un array seralizzato direttamente nella tabella delle foto. Dai un'occhiata al manuale di PHP alle voci serialize() e unserialize().

una cosa del genere allora...
penso che vada meglio...

Codice PHP:

---

CREATE TABLE IF NOT EXISTS `taggare` (
`id_tag` int(11) NOT NULL AUTO_INCREMENT,
`immagine` varchar(255) NOT NULL,
`coordinate` varchar(255) NOT NULL,
`tag` varchar(255) NOT NULL,
PRIMARY KEY (`id_tag`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=1 ;


---

1)immagine memorizza il nome del immagine
2)coordinate memorizza le coordinate delle tag separate da un ;
in questo senso
* la x del lato di sinistra
* la y del lato alto
* la x del lato destro
* la y del lato in basso
3)tag memorizza il nome in base alle coordinate


p.s.
Buon Anno