x images sur une grosse image.

[kaking]

bonjour bonjour les gens !

bon alors, ce coup ci, c'est que j'ai vraiment aucune idee de comment faire


j'ai une grande image : je sais pas moi, du genre un rectangle ou un carré

bon, et je voudrais que sur cette image, l'utilisateur pourrait cliquer pour y poser une autre image plus petite a l'endroit ou il a cliqué dessus

comment faire pour :

1-d'une part 'diviser' l'image en petit carré ou y'a marquer 'cliquez ici'
2-d'autre part que sur la grande image soit rajouté une petite image a l'endroit ou l'utilisateur a cliqué...

bien sur le tout doit etre géré par base de donnée, car chaque utilisateur possede la grosse image, et peux rajouter une petite image ou il veux... il ne suffit donc pas de recreer la grosse image avec la petite integrée...
faut que la petite image soit placée sur la grosse a la volée...


je ne suis peux etre pas assez claire ? *smiley de gros doute


A toute bonne ame charitable en possession d'un quelconque indice siouplais....


d'avance, merchi beaucoup !

[radicaldreamer]

J'ai peut-être une idée.

Pour commencer, ça se fait en JS, jquery.

Je vois personnellement la chose du genre:
Ta grosse image en fond d'une DIV et avec par dessus des autres DIV et un .png transparent dans chacune. Tu attribut un id="" à chaque image.

Lors du clic sur le .png tu récupères l'id de lal'image (et donc par extrapolation, tu récupères l'endroit ou la personne veut mettre la petite).

Ensuite, en bdd: tu sauvegardes la position que la personne a choisi et à la volée, tu affiches une div avec en fond la grande image, et par dessus, la petite image à x/y de margin.

[kaking]

ca c'est une super bonne idee ! merci mon vieux !



bon, maintenant, me reste plus qu'a rester le nez plongé dans mes bouquins pour savoir comment faire tout ca...

merci, je cherche !