création d'un cadre transparent par dessus une image uploader

Bonjour à tous, je viens vers vous à la recherche d'un peu d'aide.

Mon employeur aimerait que sur son site, l'internaute puisse uploader une photo personnelle et qu'automatiquement un script vienne placer un cadre par-dessus cette même photo.

Un peu à l'image de ce que l'on peut voir dans les téléphones portables avec le système de cadre qui entoure la photo que l'on veut prendre... ou comme sur le site [ Lien ], c'est à dire une mise en situation de la photo, vous voyez ou je veux en venir?

Un des problèmes qui se pose c'est que dans ce cadre il y une transparence pour permet de voir la photo en dessous donc...

et le problème majeur est que je ne sais vraiment pas comment je pourrais développer cette application ou s'il existerait un script pour m'aider?

Merci d'avance pour votre aide

Je ne vois pas de quoi tu parles quand tu parles de cadre transparent ... Je pense que ce que tu dois faire c'est du html/CSS .

Genre quand tu affiche ta photo, tu la met dans une div qui contient un background blanc, tu lui met un padding du genre 10px et tu y insère ta photo.

Sinon je vois pas trop ou tu veux en venir

Oui je comprends, en relisant j'ai du mal à me comprendre aussi lol, voici un exemple photo qui sera certainement plus explicite!

Le but du jeu est de garder le cadre noir et le cadre transparent avec le logo triangle rouge
afin que l'internaute puisse uploader sa photo sur notre site et qu'elle vienne se placer en fond à la place des personnes que le vois déjà...

dans le but de réaliser une forme de carte postale que les internautes pourront enregistrer et imprimer...

Salut,

Bon, je n'ai pas la réponse absolue, faudrait tester.
A mon avis le plus simple et d'utiliser un css et un png (superposition de 2 images) Ca devrait être faisable assez facilement. Par contre si ta demande évolue et devient plus complexe il faudra sans doute passer par GD.


Cordialement,

Kohntark -

oui je comprends ton idée, un des autres problèmes qui se pose aussi est que l'utilisateur doit pouvoir enregistrer le montage photo après l'upload...donc si je fais un assemblage avec un backgrounds et des positions css ça ne fonctionnera pas pour l'enregistrement du document  non? sur le site du zero j'ai trouvé  un début d'idée  [ lien ici ]  qui serait l'utilisation de la librairie GD et de la fonction "imagecopymerge"

vive les prises de tête...bonne journée à tous

Oui en effet, je pense que tu doit regénérer une nouvelle image à partir de l'image importer (en y insérant ton logo). C'est le même principe que de sécurisé la copie de l'image ...